一、js基本语法

1、js书写

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

2、 js注释


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

(二)声明变量及赋值

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


例: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>

 

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