HTML5+CSS3+JS

一、JavaScript的组成部分

1.BOM（Browser Object Model） JS操作浏览器发生变化的属性和方法

2.DOM （Document Object Model）JS 操作文档流发生变化的属性和方法（指操作文档流的内容）

3.ECMAScript JS 的书写语法和书写规则，也就是在什么时候需要书写括号，什么时候需要书写文字，又是一个什么样的规则来进行组合。

 二、JavaScript的书写位置

1.行内式（不推荐，不利于代码维护）

2.内嵌式---把代码书写在一个script标签对内

3.外链式---把代码书写在一个 .js文件内    不需要依赖任何行为，打开页面就会执行。（推荐）

<script src="./test.js"></script>   //引入JS文件的属性

三、JavaScript变量

1、变量---在程序运行过程中，保存一个中间值使用

变量的书写 var num = 100  一个变量只能保存一个值

2.变量的命名规则：变量只能由数字 字母 下划线 美元符 组成  变量不能由数字开头，严格区分大小写、不能使用关键字。

四、数据类型

1.数值类型 Number 十进制数字、科学记数法、其他进制表示方式的数字

2.字符串类型 String 单引号或者双引号包裹的一切内容

3.布尔类型 Boolean  true和false

4.空类型 有Undefined和Null两种

五、数据类型转换

1.转数值   

1.Number(); 语法：Number（要转换的内容） 结果：转换好数值类型的结果

<script>
//准备一个变量，赋值为字符串类型内容
var s1 = '100'
console.log(s1)
console.log(typeof s1)

//使用Number（）方法进行一下转换
var n1 = Number(s1)
console.log(n1)
console.log(typeof n1)
</script>

2.pareInt();  pareInt（要转换的内容） 结果：转换好数值类型的结果。它的解析规则是要把转换的内容一位一位的查看，只有第一位不是合法数字的时候会出现NaN，否则只会把前面的数字内容保留。

3.parseFloat();语法：parseFloat（要转换的内容） 结果：转换好数值类型的结果.与parseInt（）的规则区别在于parseInt只能解析到整数部分，而parseFloat能解析到小数部分。

2.转字符串

1.String（）；语法：String（要转换的内容） 结果：转换好字符串类型的结果。

2.toString（）；语法：.toString（要转换的内容） 结果：转换好字符串类型的结果。

var b1 = true
console.log(b1)
console.log(typeof b1)

//使用toString（）方法进行一下转换
var s1 = b1.toString()
console.log(s1)
console.log(typeof s1)

3.转布尔

Boolean(); 语法：要转换的内容.Boolean()  结果：转换好布尔类型的结果。