1.变量

var 变量名=值；

取名：不能以数字开头，不能使用关键字，要见名知意

2.运算符

+-*/%

%就是判断奇偶性

3.数据类型

string  number  Boolean undefined Null

4.用户输入框prompt("");

5.数据类型的转换

隐式转换+-*/%

+碰到字符串会拼接

6.强制类型转换

parseInt转为整数，parseFloat转为小数

7.创建函数function 函数名(){

函数体；

}

调用函数：function 函数名();

分支

if(){

}else{

}

if(){

}else if{

}else{

}

8.关系运算==  <=  >=  !=  <  >他们返回的都是布尔值

9.逻辑运算&&与

||或

非！

10.循环结构

var 循环变量=0;

while(条件){

循环体;

}

for(循环变量;条件;循环变量 变);{

循环体;

}

11.数组   用一个变量名，保存多个数据

var arr=[数据，数据];

下标从0开始

12.数组名.length 获取数组的长度

13.遍历数组

for(i=0;i<arr.length;i++){

console.log(arr[i]);

}

14.dom用来操作html

获取html的元素

通过标签名获取，var elems=document.getElementsByTagName("元素名");

通过class名获取，var elems=document.getElementsClassName("class名");

通过关系获取，必须要先找到一个元素才能使用关系获取

父：elem.parentNode;-元素
子：elem.children; - 集合
第一个儿子：elem.firstElementChild;-元素
最后一个儿子：elem.lastElementChild;-元素
前一个兄弟：elem.previousElementSibling-元素
后一个兄弟：elem.nextElementSibling;-元素

集合不能直接使用

15.获取html属性

获取属性值：elem.getAttribute("属性名");
设置属性值：elem.setAttribute("属性名","属性值");
简写

elem.属性名;

elem.属性名="属性值";

不能获取自定义属性，class要写为className

16.设置html的样式

获取样式：elem.style.css属性名;

修改样式：elem.style.css属性名=“属性值”;

css属性名是横线的，换位小驼峰命名法如 backgroundColor

17.绑定点击事件

elem.onclick=function(){

操作;

this就是当前这个点击的元素

}

强调：一切的获取，都是为了判断|比较

           一切的设置，都是为了修改