（以下內容均根據網絡資源整理）轉貼自 「星星」部落格 http://www.cnblogs.com/redstar/
這裡有4條經驗：
1、在定義 頁面元素的時候，如果該頁面元素不需要被腳本調用，那麼它就不需要定義其name和id屬性；
2、如果需要定義頁面元素的name,id屬性，那麼避免不同元素的name和id相同；
3、如果沒有特殊需要，儘量讓name和id相同，這主要是為了通用
4、在腳本中，獲得元素時，儘量用document.getElementById("name / id") ，能不使用儘量不使用其他的
下面是收集的一些IE和Firefox的差異：
1. 對象問題
1.1 Form對象
現有問題：
現有代碼這獲得form對象通過document.forms("formName")，這樣使用在IE 能接受，MF 不能。
解決方法：
改用 作為下標運算。改為document.forms["formName"]
備註
上述的改用 作為下標運算中的formName是id而name
1.2 HTML對象
現有問題：
在 IE 中，HTML 對象的 ID 可以作為 document 的下屬對象變量名直接使用。在 MF 中不能。
document.all("itemName")或者document.all("itemId")
解決方法：
使用對象ID作為對象變量名
document.getElementById("itemId")
備註
document.all是IE自定義的方法，所以請大家儘量不使用。
還有一種方式，在IE和MF都可以使用
var f = document.forms["formName "];
var o = f. itemId;
1.3 DIV對象
現有問題：
在 IE 中，DIV對象可以使用ID作為對象變量名直接使用。在 MF 中不能。
DivId.style.display = "none"
解決方法：
document.getElementById("DivId").style.display = "none"
備註
獲得對象的方法不管是不是DIV對象，都使用getElementById方法。參見1.2
1.4 關於frame
現有問題
在 IE中 可以用window.testFrame取得該frame，mf中不行
解決方法
在frame的使用方面MF和IE的最主要的區別是：
如果在frame標籤中書寫了以下屬性：
那麼IE可以通過id或者name訪問這個frame對應的window對象
而mf只可以通過name來訪問這個frame對應的window對象
例如如果上述frame標籤寫在最上層的window裡面的htm裡面，那麼可以這樣訪問
IE： window.top.frameId或者window.top.frameName來訪問這個window對象
MF：只能這樣window.top.frameName來訪問這個window對象
另外，在mf和ie中都可以使用window.top.document.getElementById("frameId")來訪問frame標籤
並且可以通過window.top.document.getElementById("testFrame").src = 'xx.htm'來切換frame的內容
也都可以通過window.top.frameName.location = 'xx.htm'來切換frame的內容
1.5 窗口
現有問題
IE中可以通過showModalDialog和showModelessDialog打開模態和非模態窗口，但是MF不支持。
解決辦法
直接使用window.open(pageURL,name,parameters)方式打開新窗口。
如果需要傳遞參數，可以使用frame或者iframe。
2. 總結
2.1 在JS中定義各種對象變量名時，儘量使用id，避免使用name。
在 IE 中，HTML 對象的 ID 可以作為 document 的下屬對象變量名直接使用。在 MF 中不能，所以在平常使用時請儘量使用id，避免只使用name，而不使用id。
2.2 變量名與某 HTML 對象 id 相同的問題
現有問題
在 MF 中，因為對象 id 不作為 HTML 對象的名稱，所以可以使用與 HTML 對象 id 相同的變量名，IE 中不能。
解決方法
在聲明變量時，一律加上 var ，以避免歧義，這樣在 IE 中亦可正常運行。
此外，最好不要取與 HTML 對象 id 相同的變量名，以減少錯誤。
