2018-1-21 复习

1、html：标签　　属性　　嵌套　　class="btn btn-success"　　style="color:red;font-size:10px;"

2、css：层叠样式表

　　样式分类：内联（行内）　　内嵌　　外部引用

　　选择器：标签、id、class、属性、并列、后代。

　　样式

3、js：ECMAscript　　DOM  　　BOM（window 　　history　　locaton　　document ）

　　基础语法、dom操作

　　基础语法套路：

　　①注释、变量、常量、标识符、关键字

　　标识符规范：字母、数字、下划线、$　　不能以数字开头

　　②数据类型 　　数字、字符串、布尔、null、　　underfind

　　　　　　　　　　　　　　　　　　　（空）　（未定义）

　　③运算符：

　　　　算术运算符：+　　-　　*　　/

　　　　赋值运算符：=

　　　　关系运算符：!=

　　　　逻辑运算符：与或非

　　　　三元运算符：表达式  ？  真  ：  假

　　　　if（表达式）{

　　　　　　真　　

　　　　}else{

　　　　　　假

　　　　}

　　④控制语句

　　　　if （判断）　　switch（判断）　　for（循环）　　　　while（循环）　　　　for-in（遍历数组）

　　　　　　　　　　　　　　　　　　　　确定次数　　　　完成条件跳出循环

　　⑤数组

　　数组元素、数组长度、数组下标（索引：从0开始）

　　var  arr  [1,2,3];

　　arr[0]=1;

　　遍历　　arr.length

　　var  arrT  =[[1,2,3],

　　　　　　　[2,3],

　　　　　　　[4,5,6]

　　　　　　　];

　　⑥方法、函数

　　　　function  函数名（参数列表）{

　　　　　　执行的代码

　　　　}

　　　　调用执行：函数名（参数列表）；

　　　　关键字：break　　　　continue　　　　return

　　　　　　　　结束循环　　跳出本次循环　　结束方法

　　类、对象（实例）　　具体的一个标签对象

　　DOM套路：

　　　　1、获取元素，找元素

　　　　document.getElementById（）；　　通过id获取元素，对象

　　　　document.getElementByTagname（）；　　通过标签获取元素，数组

　　　　document.getElementByClassname（）；

　　　　document.getElementByname（）；

　　　　2、操作属性

　　　　　标签对象.getAttribute("属性名")；

　　　　　标签对象.setAttribute("属性名","属性值")；

　　　　3、操作内容

　　　　 标签对象.innerHTML

　　　　 标签对象.innerHTML="值";

　　　　 标签对象.value

　　　　 标签对象.value="值";

　　　　4、操作样式

　　　　 标签对象.style.color;

　　　 　标签对象.style.color="red";

　　　　5、创建元素，删除元素

　　　　 document.createElement("");

　　　　 标签对象.remove();

　　　　6、给元素添加事件