作為一個(gè)Web前端工作者，你是否在工作中常被瀏覽器兼容性問(wèn)題所困惑．例如Css樣式?　明明在 IE瀏覽器里顯示一切正常的網(wǎng)頁(yè)．到了FireFox或谷歌瀏覽器中卻亂作一團(tuán)．或許你在使用JavaScript和Dom編寫(xiě)網(wǎng)頁(yè)腳本時(shí)，也遇到過(guò)類(lèi)似問(wèn)題. 明明在FireFox瀏覽器里運(yùn)行正常的腳本．到了IE里卻出現(xiàn)錯(cuò)誤． 比如說(shuō)獲取觸發(fā)js事件的源目標(biāo)．還有鼠標(biāo)位置或元素位置問(wèn)題．動(dòng)態(tài)為元素綁定事件等．．．我將在下面列舉部份Dom指令在IE和FireFox等瀏覽器 不兼容性的問(wèn)題！
限于篇幅．我不在該頁(yè)對(duì)提到的Dom指令做詳細(xì)解釋?zhuān)?qǐng)點(diǎn)擊相關(guān)指令名稱(chēng)可以了解詳細(xì)解釋與實(shí)例．
在使用JavaScript獲取觸發(fā)事件的源目標(biāo)時(shí)IE和FireFox(火狐)不同表現(xiàn)，也就是說(shuō)是網(wǎng)頁(yè)中那個(gè)元素觸發(fā)了事件

1. 在IE瀏覽器里使用srcElement
2. 在FireFox（火狐）瀏覽器里使用target

使用Dom獲取和更改網(wǎng)頁(yè)標(biāo)簽元素內(nèi)文本的問(wèn)題

1. 在IE瀏覽器里使用innerText
2. 在FireFox（火狐）瀏覽器里使用textContent

鼠標(biāo)在元素內(nèi)的位置

1. IE中使用offsetX和offsetY來(lái)獲取鼠標(biāo)在網(wǎng)頁(yè)中某一元素的位置
2. FireFox使用layerX和layerY來(lái)得到鼠標(biāo)在網(wǎng)頁(yè)中某一元素的位置

動(dòng)態(tài)為網(wǎng)頁(yè)或元素綁定與刪除事件的問(wèn)題

1. 在IE中綁定事件的方法是attachEvent
2. 在IE中刪除綁定事件的方法是detachEvent
3. 在FireFox中綁定事件的方法是addEventListener
4. 在FireFox中刪除綁定事件的方法是removeEventListener

未完待續(xù)......康董于：2010-07-24

最新評(píng)論