IE和Firefox瀏覽器CSS網頁布局不同點
2024-07-11 08:24:22
供稿：網友
我們討論的主題CSS網頁布局，最令大家頭疼的問題就是瀏覽器兼容性，雖然Vevb.com介紹過很多這方向的知識，但依然讓很多開發人員暈頭轉向，今天的這篇文章，將列出css和javascript在IE和Firefox中二十三個不同點，希望對大家的學習有所幫助。 我們討論的主題CSS網頁布局，最令大家頭疼的問題就是瀏覽器兼容性，雖然Vevb.com介紹過很多這方向的知識，但依然讓很多開發人員暈頭轉向，今天的這篇文章，將列出css和javascript在IE和Firefox中二十三個不同點，希望對大家的學習有所幫助。
一、document.formName.item("itemName")問題
問題說明：IE下，可以使用document.formName.item("itemName")或document.formName.elements["elementName"]；Firefox下，只能使用document.formName.elements["elementName"]。
解決方法：統一使用document.formName.elements["elementName"]。
二、集合類對象問題
問題說明：IE下，可以使用()或[]獲取集合類對象；Firefox下，只能使用[]獲取集合類對象。
解決方法：統一使用[]獲取集合類對象。
三、自定義屬性問題
問題說明：IE下，可以使用獲取常規屬性的方法來獲取自定義屬性，也可以使用getAttribute()獲取自定義屬性；Firefox下，只能使用getAttribute()獲取自定義屬性。
解決方法：統一通過getAttribute()獲取自定義屬性。
四、eval("idName")問題
問題說明：IE下，可以使用eval("idName")或getElementById("idName")來取得id為idName的HTML對象；Firefox下，只能使用getElementById("idName")來取得id為idName的HTML對象。
解決方法：統一用getElementById("idName")來取得id為idName的HTML對象。
五、變量名與某HTML對象ID相同的問題
問題說明：IE下，HTML對象的ID可以作為document的下屬對象變量名直接使用，Firefox下則不能；Firefox下，可以使用與HTML對象ID相同的變量名，IE下則不能。
解決方法：使用document.getElementById("idName")代替document.idName。最好不要取HTML對象ID相同的變量名，以減少錯誤；在聲明變量時，一律加上var關鍵字，以避免歧義。
六、const問題
問題說明：Firefox下，可以使用const關鍵字或var關鍵字來定義常量；IE下，只能使用var關鍵字來定義常量。
解決方法：統一使用var關鍵字來定義常量。
七、input.type屬性問題
問題說明：IE下input.type屬性為只讀；但是Firefox下input.type屬性為讀寫。
解決辦法：不修改input.type屬性。如果必須要修改，可以先隱藏原來的input，然后在同樣的位置再插入一個新的input元素。
八、window.event問題
