JS

JS组成

ECMAscript（ES）

DOM（文档对象模式）

BOM（浏览器对象模式）

JS数据类型

数字类型（number）

字符串类型（srting）

未定义类型（undefind）

布尔类型（boolean）

空类型（null）

代码结构

顺序结构

条件结构

循环结构

强制类型转换和隐式类型转换

parseInt（） ：可以将字符串转换成数字类型（整型）。

有三个作用：
1.可以将字符串转成数字

2.取整

3.将字符串前面的数字提取出来

parseFloat （）： 转成浮点数，就是小数。

js选择DOM的方法

通过ID选取元素（getElementById）

1）使用方法：document.getElementById("domId")
其中，domId为要选取元素的id属性值
2）兼容性：低于IE8版本的IE浏览器对getElementById方法的实现是不区分元素ID号的大
小写的，并且会返回匹配name属性的元素。

通过标签名选取元素（getElementsByTagName）

1）使用方法：element.getElementsByTagName("tagName")
其中，element是有效的DOM元素（包括document）
tagName是DOM元素的标签名
2）说明：a. 返回值是一个nodeList集合（区别于Array）
b. 该方法只能选取调用该方法的元素的后代元素。
c. tagName不区分大小写
d. 当tagName为*时，表示选取所有元素（需遵从b.规则）
e. HTMLDocument会定义一些快捷属性来访问标签节点。如：document的
images、forms、links属性指 向<img>、<form>、<a>标签元素集合，而document.body和
document.head总是 指向body和head标签（当未显示声明head标签时，浏览器也会创建
document.head属性）

通过CSS类名选取元素（getElementsByClassName）

1）使用方法：element.getElementsByClassName("classNames")
其中，element是有效的DOM元素（包括document）
classNames是CSS类名称的组合（多个类名之间用空格，可以是多个空格隔
开），
如element.getElementsByClassName("class2 class1")将选取elements后代元素中
同时应用了class1和class2样式的元素（样式名称不区分先后顺序）
2）说明：a. 返回值是一个nodeList集合（区别于Array）
b. 该方法只能选取调用该方法的元素的后代元素。