• 技术文章 >web前端 >js教程

    Dom与浏览器兼容性说明_DOM

    2016-05-16 18:17:44原创804
    作为一个Web前端工作者,你是否在工作中常被浏览器兼容性问题所困惑.例如Css样式? 明明在 IE浏览器里显示一切正常的网页.到了FireFox或谷歌浏览器中却乱作一团.或许你在使用JavaScript和Dom编写网页脚本时,也遇到过类似问题. 明明在FireFox浏览器里运行正常的脚本.到了IE里却出现错误. 比如说获取触发js事件的源目标.还有鼠标位置或元素位置问题.动态为元素绑定事件等...我将在下面列举部份Dom指令在IE和FireFox等浏览器 不兼容性的问题!
    限于篇幅.我不在该页对提到的Dom指令做详细解释.请点击相关指令名称可以了解详细解释与实例.
    在使用JavaScript获取触发事件的源目标时IE和FireFox(火狐)不同表现,也就是说是网页中那个元素触发了事件

    1. 在IE浏览器里使用srcElement
    2. 在FireFox(火狐)浏览器里使用target

    使用Dom获取和更改网页标签元素内文本的问题

    1. 在IE浏览器里使用innerText
    2. 在FireFox(火狐)浏览器里使用textContent

    鼠标在元素内的位置

    1. IE中使用offsetX和offsetY来获取鼠标在网页中某一元素的位置
    2. FireFox使用layerX和layerY来得到鼠标在网页中某一元素的位置

    动态为网页或元素绑定与删除事件的问题

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

    未完待续......康董于:2010-07-24

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:Dom 浏览器 兼容性
    上一篇:arrayToJson将数组转化为json格式的js代码_javascript技巧 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 一文聊聊node中的path模块• 浅析Angular变更检测中的订阅异步事件• 聊聊如何选择一个最好的Node.js Docker镜像?• Angular中什么是变更检测?什么情况下会引起变更检测?• 一文带你深入了解Node中的Buffer类
    1/1

    PHP中文网