JavaScript学习之引入方式、变量与方法

xiaoxiao2021-02-27  116

此处使用HBuilder编译

1、  定义:动态语言,客户端脚本语言,Web开发脚本语言,与java无关系。

2、组成:核心,文档对象模型(DOM,重点),浏览器对象模型(BOM)

3、

<!DOCTYPEhtml>

<html>

    <head>

       <meta charset="utf-8" />

       <title>问候JavaScript</title>

    </head>

   

    <script type="text/javascript">

//     此标签内包含JS文件

        alert("JavaScript你好!");

//     网页弹出一个弹框,每个浏览器效果不同

        document.write("JavaScript你好!");

//     文档对象

      

    </script>

   

    <body>

      

    </body>

</html>

4、JavaScript引入方式:内部,外部

<!DOCTYPEhtml>

<html>

    <head>

       <meta charset="utf-8" />

       <title>JavaScript引入方式</title>

    </head>

   

    <script type="text/javascript">

//     内部引入方式

       alert("头部");

      

    </script>

   

    <body>

       <script type="text/javascript">

       //     内部引入方式

       alert("身体");

      

    </script>

    </body>

    <!--外部引入方式,建立JS文件,-->

    <script type="text/javascript" src="填写JS文件路径"charset="此处可设置编码方式,若出现乱码可以试一下"></script>

</html>

5、JavaScript变量:弱类型语言,统一用var定义变量。

<!DOCTYPEhtml>

<html>

    <head>

       <meta charset="utf-8" />

       <title>JavaScript变量</title>

    </head>

   

   

    <body>

    <script type="text/javascript">

    var a = 1;

    var b = "我是JavaScript";

    document.write(a+b);

    a = "我是字符串";

    document.write(a);

    </script>

    </body>

   

</html>

6、JavaScript方法:基本来说和java差不多

 <!DOCTYPE html>

<html>

    <head>

       <meta charset="utf-8" />

       <title>JavaScript基本数据类型</title>

    </head>

   

   

    <body>

    <script type="text/javascript">

    function fun1(){

       alert("我的第一个方法!");

    }

    function fun2(param1){

       alert(param1);

    }

    function fun3(param2){

       return param2;

    }

    fun1();

    fun2(fun3("good"));

    </script>

    </body>

   

</html>

转载请注明原文地址: https://www.6miu.com/read-15320.html

最新回复(0)