一, JS 基本语法
1,JS 书写
(1)script[src 引入 JS 文件的路径][type="text/javascript" 文件类型, 可省略]
* 在拥有 src 属性的 script 标签写 JS 代码, 无效
- * head>script,body>script
- (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. 同时声明多个变量, 用逗号隔开
例: var a,b,c;
- a = 10;
- b = 20;
- 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()
- (3.1)typeof(123); //"number"
- (3.2)typeof(NaN); //"number"
- (3.3)typeof(""); //"string" (3.4)typeof("AFDF"); //"string" (3.5)typeof(true); //"boolean" (3.6)typeof(false); //"boolean" (3.7)typeof(null); //"object" !!!
- (3.8)typeof(undefined);//"undefined"
- (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>
来源: https://www.cnblogs.com/wulongke/p/10492675.html