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、給元素添加事件

2018-1-21 復習