Dom Scripting
Jeremy Keith
Front End
關(guān)鍵字
- Dom Core
- Node Type
- 三條腿
感悟
- Dom Core
80/20原則涝登，作者定義的Dom Core的4個方法是代碼組織的核心
document.getElementById("id");
document.getElementsByTagName("tag");
element.getAttribute("attr_name");
element.setAttribute("attr_name","attr_value");
- Node Type
12種類型铛只，常用下3
nodeType=1 元素節(jié)點
nodeType=2 屬性節(jié)點
nodeType=3 文本節(jié)點
Dom的方法中要弄清楚返回的節(jié)點類型
- 三條腿
Html定義結(jié)構(gòu)/內(nèi)容；CSS定義表示斋泄；JavaScript定義行為
通過在Html定義id及class作為hook握侧，CSS及JavaScript對應(yīng)定義樣式和動作亲雪，并單獨保存相應(yīng)文件里初，解耦并便于維護(hù)
Html一般不建議定義動作和樣式，并應(yīng)努力保持語義化
不推薦寫法：
<a href="#" onclick="popUp('url')">
推薦寫法：
// 只定義html煌茴，并href正確填寫url信息
<a href="url" id="url-link">
// 通過id作為hook定義事件方法（或統(tǒng)一處理a標(biāo)簽）
window.onload = function(){
var alink = document.getElementById("url-link");
allink.onclick = function(){
popUp(this.href);
return false;
}
}
三條腿的規(guī)范能讓瀏覽器在不兼容/關(guān)閉CSS和JS時随闺，基于本身的Html正確和完整性，保證訪問的兼容性
其他關(guān)鍵字
- Ajax/XMLHttpRequest
Ajax通過XMLHttpRequest實現(xiàn)異步服務(wù)器請求和刷新客戶端頁面蔓腐，XMLHttpRequest是客戶端和服務(wù)端的中間件（對象）矩乐。 - XHTML
規(guī)范HTML寫法，按XML規(guī)范 - CSS分層
顏色；布局散罕；字體
