- 时间:2020-08-24 14:28 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:Dom与浏览器兼容性说明
作为一个Web前端工作者,你是否在工作中常被浏览器兼容性问题所困惑.例如Css样式? 明明在 IE浏览器里显示一切正常的网页.到了FireFox或谷歌浏览器中却乱作一团.或许你在使用JavaScript和Dom编写网页脚本时,也遇到过类似问题. 明明在FireFox浏览器里运行正常的脚本.到了IE里却出现错误. 比如说获取触发js事件的源目标.还有鼠标位置或元素位置问题.动态为元素绑定事件等...我将在下面列举部份Dom指令在IE和FireFox等浏览器 不兼容性的问题!
限于篇幅.我不在该页对提到的Dom指令做详细解释.请点击相关指令名称可以了解详细解释与实例.
[b]在使用JavaScript获取触发事件的源目标时IE和FireFox(火狐)不同表现,也就是说是网页中那个元素触发了事件[/b]
[list=1]
[*]在IE浏览器里使用srcElement
[/*][*]在FireFox(火狐)浏览器里使用target [/*][/list]
[b]使用Dom获取和更改网页标签元素内文本的问题[/b]
[list=1]
[*]在IE浏览器里使用innerText
[/*][*]在FireFox(火狐)浏览器里使用textContent [/*][/list]
[b]鼠标在元素内的位置[/b]
[list=1]
[*]IE中使用offsetX和offsetY来获取鼠标在网页中某一元素的位置
[/*][*]FireFox使用layerX和layerY来得到鼠标在网页中某一元素的位置 [/*][/list]
[b]动态为网页或元素绑定与删除事件的问题[/b]
[list=1]
[*]在IE中绑定事件的方法是attachEvent
[/*][*]在IE中删除绑定事件的方法是detachEvent
[/*][*]在FireFox中绑定事件的方法是addEventListener
[/*][*]在FireFox中删除绑定事件的方法是removeEventListener [/*][/list]
未完待续......康董于:2010-07-24