编程 Javascript

Dom与浏览器兼容性说明

Posted in Javascript onOctober 25, 2010

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

在IE浏览器里使用srcElement
在FireFox（火狐）浏览器里使用target

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

在IE浏览器里使用innerText
在FireFox（火狐）浏览器里使用textContent

鼠标在元素内的位置

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

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

在IE中绑定事件的方法是attachEvent
在IE中删除绑定事件的方法是detachEvent
在FireFox中绑定事件的方法是addEventListener
在FireFox中删除绑定事件的方法是removeEventListener

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

Dom与浏览器兼容性说明

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript YUI 读码日记之 YAHOO.util.Dom - Part.4

Mar 22 Javascript

基于jquery的给文章加入关键字链接

Oct 26 Javascript

JavaScript Sort 的一个错误用法示例

Mar 20 Javascript

基于zepto的移动端轻量级日期插件--date_picker

Mar 04 Javascript

js添加事件的通用方法推荐

May 15 Javascript

jQuery复制节点用法示例(clone方法)

Sep 08 Javascript

微信小程序出现错误：{"baseresponse":{"errcode":-80002,"errmsg":""}}解决办法

Feb 23 Javascript

利用canvas实现的加载动画效果实例代码

Jul 05 Javascript

浅谈Vue.js应用的四种AJAX请求数据模式

Aug 30 Javascript

通过js控制时间,一秒一秒自己动的实例

Oct 25 Javascript

简述Angular 5 快速入门

Nov 04 Javascript

关于vue3默认把所有onSomething当作v-on事件绑定的思考

May 15 Javascript

Dom 是什么的详细说明

Oct 25 #Javascript

Javascript类库的顶层对象名用户体验分析

Oct 24 #Javascript

让ie运行js时提示允许阻止内容运行的解决方法

Oct 24 #Javascript

javascript 隔行换色函数代码

Oct 24 #Javascript

JavaScript类库D

Oct 24 #Javascript

一个简单的JavaScript数据缓存系统实现代码

Oct 24 #Javascript

Javascript 类型转换方法

Oct 24 #Javascript

You might like

PHP如何通过AJAX方式实现登录功能

2015/11/23 PHP

JS中剪贴板兼容性、判断复制成功或失败

2021/03/09 Javascript

innerHTML 和 getElementsByName 在IE下面的bug 的解决

2010/04/09 Javascript

基于datagrid框架的查询

2013/04/08 Javascript

JavaScript中判断变量是数组、函数或是对象类型的方法

2015/02/25 Javascript

JS获取图片lowsrc属性的方法

2015/04/01 Javascript

js实现网页收藏功能

2015/12/17 Javascript

jquery 遍历数组 each 方法详解

2016/05/25 Javascript

bootstrap table复杂操作代码

2016/11/01 Javascript

详解前端自动化工具gulp自动添加版本号

2016/12/20 Javascript

Vue事件处理原理及过程详解

2020/03/11 Javascript

js实现简单的点名器随机色实例代码

2020/09/20 Javascript

python实现查询苹果手机维修进度

2015/03/16 Python

python交互式图形编程实例（二）

2017/11/17 Python

Python+OpenCV让电脑帮你玩微信跳一跳

2018/01/04 Python

pyqt5自定义信号实例解析

2018/01/31 Python

图解Python变量与赋值

2018/04/03 Python

Python实现账号密码输错三次即锁定功能简单示例

2019/03/29 Python

python使用Plotly绘图工具绘制水平条形图

2020/03/25 Python

Python中@property的理解和使用示例

2019/06/11 Python

python多线程案例之多任务copy文件完整实例

2019/10/29 Python

Django Form and ModelForm的区别与使用

2019/12/06 Python

使用 Python 读取电子表格中的数据实例详解

2020/04/17 Python

html5的canvas元素使用方法介绍(画矩形、画折线、圆形)

2014/04/14 HTML / CSS

Agoda.com官方网站：便宜预订全球酒店，高达80%的折扣

2018/04/04 全球购物

用JAVA实现一种排序，JAVA类实现序列化的方法(二种)

2014/04/23 面试题

城市规划毕业生求职信

2013/10/10 职场文书

爱国演讲稿500字

2014/05/04 职场文书

科技节口号

2014/06/19 职场文书

2014年教师节寄语

2014/08/11 职场文书

群众路线查摆问题整改措施思想汇报

2014/10/10 职场文书

房地产销售主管岗位职责

2015/02/13 职场文书

2015年法院工作总结范文

2015/04/28 职场文书

党员理论学习心得体会

2016/01/21 职场文书

导游词之秦始皇兵马俑博物馆

2019/09/29 职场文书

springboot入门之profile设置方式

2022/04/04 Java/Android