為了達到平穩退化，向後兼容，標記分離的思想，每次寫js代碼時做的第一件事應該是必要的測試和檢查工作：
在js文件裡首先添加以下代碼進行檢查：
window.onload = function(){
if(!document.getElementsByTagName) return false;
if(!document.getElementById) return false;
if(!document.getElementsByClassName) return false;
if(!document.getElementById("selector")) return false;
if(!document.getElementsByTagName("tag")) return false;
if(!document.getElementsByClassName("selector")) return false;
};
通用封裝函數：
var $ = function(id){
return document.getElementBy Id (id);
}
var addEvent = function(obj,event,fn){ //obj：元素對象名字，event：綁定事件，fn：觸發的回調函數
if(obj.addEventListener){
obj.addEventListener(event,fn,false);
}
else if(obj.attachEvent){
obj.attachEvent("on"+event,fn);
}
}
對於很多函數需要頁面加載即運行，window.onload封裝方法如下：
function addLoadEvent(func){
var oldonload = window.onload;
if(typeof window.onload != "function")
{
window.onload = func;
}
else
{
window.onload = function()
{
oldonload();
func();
}
}
}
addLoadEvent(firstFunction);
addLoadEvent(secondFunction);
火狐和IE之間的JavaScript差異：
1、在大多數情況下,為事件處理函數返回false，可以防止默認的事件行為.例如,默認情況下點擊一個a元素，頁面會跳轉到該元素href屬性指定的頁。
return false 就相當於終止符，return true 就相當於執行符。
在js中對於return用法的三種景象的總結如下：
retrun true； 返回正確的處理懲罰成果。
return false；返回錯誤的處理懲罰成果；終止處理懲罰；阻攔提交表單；阻攔履行默認的行動。
return；把把握權返回給頁面。
2、在絕大多數時候，把一個函數調用賦值給一個變量將是一個好主意。
3、noscript標簽可被用於可識別 script標簽但無法支持其中的腳本的浏覽器。如果浏覽器支持腳本，那麼它不會顯示出 noscript 標簽中的文本。
4、在動態設置樣式時，只要有可能，最好選用CSS，最簡單的就是選擇最容易實現的方法。
5、在一個函數中會用到全局對象存儲為局部變量來減少全局查找，因為訪問局部變量的速度要比訪問全局變量的速度更快些。
6、如果針對的是不斷運行的代碼，不應該使用setTimeout，而應該是用setInterval，因為setTimeout每一次都會初始化一個定時器，而setInterval只會在開始的時候初始化一個定時器。
7、如果要連接多個字符串，應該少使用+= ,條件分支時盡量使用三目運算符替代條件分支。
8、很多人喜歡使用parseInt()，其實parseInt()是用於將字符串轉換成數字，而不是浮點數和整型之間的轉換，我們應該使用Math.floor()或者Math.round()。
9、在JavaScript中所有變量都可以使用單個var語句來聲明，這樣就是組合在一起的語句，以減少整個腳本的執行時間。
10、對於大的DOM更改，使用innerHTML要比使用標准的DOM方法創建同樣的DOM結構快得多。
11、當同一個對象使用.onclick的寫法觸發多個方法的時候，後一個方法會把前一個方法覆蓋掉，也就是說，在對象的onclick事件發生時，只會執行最後綁定的方法。而用事件監聽則不會有覆蓋的現象，每個綁定的事件都會被執行。
12、如果定義了toString()方法來進行類型轉換的話，推薦顯式調用toString()，因為內部的操作在嘗試所有可能性之後，會嘗試對象的toString()方法嘗試能否轉化為String，所以直接調用這個方法效率會更高。
13、因為elemet.style只能獲取內聯樣式，而element.currentStyle.width是IE浏覽器專有屬性，getComputedStyle(element, null).width是火狐和Chrome浏覽器的特有屬性，所以為了兼容，獲取內外樣式方法如下(不可取復合樣式，如background，border，而是應該寫成backgroundColor，borderWidth)：
function getStyle(obj,name) {
if(obj.currentStyle) {
return obj.currentStyle[name];
}
else
{
return getComputedStyle(obj,null)[name];
}
}
以上所述就是本文的全部內容了，希望大家能夠喜歡。