WEB 瀏覽器兼容 推薦收藏
2024-05-06 14:10:01
供稿：網友
并不一定全，有的也可能不準確，比如新出的IE8、 Chrome等都沒有太多涉及，雖然最近做的一些項目也兼容了IE8、Chrome等，但都沒來的及總結進去，后來就忘了...汗。大家一起慢慢完善吧。
javascript部分
1. document.form.item 問題
問題：
代碼中存在 document.formName.item("itemName") 這樣的語句，不能在FF下運行
解決方法：
改用 document.formName.elements["elementName"]
2. 集合類對象問題
問 題：
代碼中許多集合類對象取用時使用()，IE能接受，FF不能
解決方法：
改用 [] 作為下標運算，例：
document.getElementsByName("inputName")(1) 改為 document.getElementsByName("inputName")[1]
3. window.event
問題：
使用 window.event 無法在FF上運行
解決方法：
FF的 event 只能在事件發生的現場使用，此問題暫無法解決?？梢园?event 傳到函數里變通解決：
onMouseMove = "functionName(event)"
function functionName (e) {
e = e || window.event;
......
}
4. HTML對象的 id 作為對象名的問題
問 題：
在IE中，HTML對象的 ID 可以作為 document 的下屬對象變量名直接使用，在FF中不能
解決方法：
使用對象 變量時全部用標準的 getElementById("idName")
5. 用 idName 字符串取得對象的問題
問 題：
在IE中，利用 eval("idName") 可以取得 id 為 idName 的HTML對象，在FF中不能
解決方法：
用 getElementById("idName") 代替 eval("idName")
6. 變量名與某HTML對象 id 相同的問題
問題：
在FF中，因為對象 id 不作為HTML對象的名稱，所以可以使用與HTML對象 id 相同的變量名，IE中不能
解決方法：
在聲明變量時，一律加上 var ，以避免歧義，這樣在IE中亦可正常運行
最好不要取與HTML對象 id 相同的變量名，以減少錯誤
7. event.x 與 event.y 問題
問題：
在IE中，event 對象有x,y屬性，FF中沒有
解決方 法：
在FF中，與 event.x 等效的是 event.pageX ，但event.pageX IE中沒有
故采用 event.clientX 代替 event.x ，在IE中也有這個變量
event.clientX 與 event.pageX 有微妙的差別，就是滾動條
要完全一樣，可以這樣：
mX = event.x ? event.x : event.pageX;
然 后用 mX 代替 event.x
8. 關于frame
問題：
在IE中可以用 window.testFrame 取得該frame，FF中不行
解決方法：
window.top.document.getElementById("testFrame").src = 'xx.htm'
window.top.frameName.location = 'xx.htm'
9. 取得元素的屬性
在FF中，自己定義的屬性必須 getAttribute() 取得
10. 在FF中沒有 parentElement，parement.children 而用 parentNode，parentNode.childNodes
問題：
childNodes 的下標的含義在IE和FF中不同，FF的 childNodes 中會插入空白文本節點
解決方法：
可以通過 node.getElementsByTagName() 來回避這個問題
