一、js基本语法

1、js书写

1 （1）script[src 引入js文件的路径][type="text/javascript" 文件类型,可省略]
2        * 在拥有src属性的script标签写js代码，无效
3        * head>script,body>script
4  （2）a[href="javascript:js代码;"]

 

2、 js的注释

// -->单行注释
/*   */ -->多行注释,不要嵌套多行注释

//var = 1

/* var = 1 

    var = 2*/

 

（二）声明变量及赋值

1.声明变量,通过关键字var

1 例：var cup;

2.给变量赋值,通过=,将右边的值赋给左边的变量

例：cup = "orange";

3. 同时声明变量及赋值

例： var fruit = "lemon";

4. 同时声明多个变量,用逗号隔开

1  例：var a,b,c;
2     a = 10;
3     b = 20;
4     c = 30;

 

5.变量名的命名规则

（1） 不能以数字开头,包含字母、数字、_、$ 
（2）不能使用关键字
（3） 严格区分大小写 
    *命名建议：
        (1) 见名知意
        (2) 驼峰命名 myUserName

（三）数据类型（值）

1、基本数据类型

（1） 数字类型number
（1.1） 普通数字
（1.2） NaN：代表非数字
    * 与任何数进行运算都得到NaN
    * 不等于任何数，甚至不等于自己
    * isNaN() 判断是不是非数字，是数字就返回false，其他值都返回true
（2）字符串类型 string
（2.1） 有引号的值都是字符串类型
（2.2）字符串内还有别的在引号（'',""）
    * 将外层引号替换成另外一种
    * 通过转义字符\
（2.3）字符串中间拼接变量：引号引号(最外层)，加号加号，变量("+a+")
（3）布尔类型 boolean
（3.1） 只有两个值：true 、false

2、特殊数据类型

（1）null 空对象
*、只有唯一的值null
*、注意代码的执行顺序。
（2）undefined 代表的是声明变量未赋值
*、只有唯一的值undefined
*、注意区分报错信息： ** is not defined。代表变量未声明。

3、 判断数据类型 typeof()

1 （3.1）typeof(123); //"number"
2 （3.2）typeof(NaN); //"number"
3 （3.3）typeof(""); //"string"
4 （3.4）typeof("AFDF"); //"string"
5 （3.5）typeof(true); //"boolean"
6 （3.6）typeof(false); //"boolean"
7 （3.7）typeof(null); //"object" ！！！
8 （3.8）typeof(undefined);//"undefined"
9 （3.9）typeof(typeof(123));//"string"

（四）数据类型的转换

1、直接转换

（1）Number() 转换成数字类型
*、字符串->数字： 空字符串转成数字为0.若可以转换成数字，返回值就是数字。若不能转成数字就是NaN。
* 布尔值->数字： true->1,false->0
（2）String() 转换成字符串类型
  * 直接加引号
（3）Boolean() 转换成布尔类型
  * 除了0、NaN、""、null、undefined转成false，其他都转成true。

2、隐式转换

（1）若运算无法进行下去的时候，会尝试将数据类型进行隐式转换后，再运算。
（2）若隐式转换后依旧无法运算，会返回NaN

（五）输出

1. alert（）

(具体的值||变量(不要加引号)) 弹窗

2. document.write（）

*、(具体的值||变量(不加引号)) 
*、往body里面追加内容

3. console.log（）

*、(具体的值||变量(不要加引号))  打印到控制台console，一般用于代码调试

4. ID名称.innerHTML = “内容或标签”

（4.1）给**元素添加内容，内容可以包括标签。
例：<div id=a></div>
     a.innerHTML = '<span style="color:red;">'+_num'+是一个偶素</span>

版权声明：本文为wulongke原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/wulongke/p/10492675.html