第5章：最佳實踐

1、向後兼容：為了使一些較老的瀏覽器也能很好的展示網頁

(1)對象檢測【主流】

function myFunction() {
    if( method ){    // 如果支持method方法
        method
    }
}    

(2)瀏覽器嗅探技術【逐漸被淘汰】

通過js檢索瀏覽器品牌和版本信息

2、性能考慮：

　　(1)減少訪問DOM

// 兩次訪問DOM，效率低
if(document.getElementsByTagName("a").length > 0){
    var links = document.getElementsByTagName("a");
    
 
for(var i=0; i<links.length; i++){
        // 對每個links處理
    }
}

// 訪問一次DOM
var links = document.getElementsByTagName("a");
if(links.length > 0){
    for(var i=0; i<links.length; i++){
        // 對每個links處理
    }
}

　　(2)盡量減少標記

　　(3)合並多個js腳本文件

　　(4)壓縮js腳本

3、<a>標簽的平穩退化處理方法

　　(1)這樣在禁用了js的瀏覽器還能正常訪問超鏈接

<a href="url" onclick="showPic(this.href); return false;">點擊查看圖片</a>

　　(2)將(1)中的onclick動作與HTML分離

function showPic() {
    // body...
}
window.onload = function () {
    showPic();
    firstFunction();
    SecondFunction();
    // 更好想要在文檔加載完畢之後執行的腳本    
};

第七章：動態創建標記

未完

【筆記】JavaScript DOM 編程藝術