3. Javascript
3.1 基礎語法(ES5語法, ES6,ES7課程后期有時間的情況下簡答介紹。)
3.1.1 變量,注釋
3.1.2 控制流程
3.1.3 函數,變量作用域(函數級,全局級,ES6使用Let定義塊級作用域)
1) 系統函數
IsNaN parseInt setTimeOut(重點) setInterval(重點) alert prompt
2) 自定義函數
匿名函數,自運行函數,回調函數
3) 函數閉包
3.2 面向對象
1) 系統對象
Date String Array Math0
2) 自定義對象
1. 字面量方式
2. 構造函數方式
3.3 DOM
3.3.1 獲取
XX.getElementById, XX.getElementsByName XX.getElementsByClassName, XX.getElementsByTagName
案例:表單驗證:
3.3.2 操作屬性,getAttribute, setAttribute
操作樣式,xx.style.backgroundColor = ""
注意getComputedStyle()與xx.style的區別
3.3.3 創建 var ctrl = document.createElement()
3.3.4 遍歷 查找父,查找子,查找兄弟節點
3.4 事件
Onclick, onchange, onblur, onfocus, onload, onkeydown, onkeyup, onkeypress, onmouseover, onmouseout, onmousedown, onmousemove, onmouseup
(手機端沒有鍵盤和鼠標事件)
ontouchstart ontouchmove, ontouchend
1) 屬性方式 <button onclick=""></button>
2) 事件注冊方式 xx.onclick = function(){};
3) addEventListener, attachEventListener
事件冒泡
3.5 BOM
Window window.open window.close,簡單了解。
Location location.href=? 從url上得到參數
History history.go(-1)
Screen
Navigator 判斷手機還是PC瀏覽器
3.6 ajax:手機歸屬地查詢,天氣預報,圖靈機器人
充分利用chrome的的調試功能。
推薦 www.songbo.info