一、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>