编程 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 相关文章推荐

TextArea不支持maxlength的解决办法(jquery)

Sep 13 Javascript

JS实现5秒钟自动封锁div层的方法

Feb 20 Javascript

js实现点击链接后窗口缩小并居中的方法

Mar 02 Javascript

WEB前端开发框架Bootstrap3 VS Foundation5

May 16 Javascript

微信小程序之仿微信漂流瓶实例

Dec 09 Javascript

JavaScript实现的鼠标响应颜色渐变效果完整实例

Feb 18 Javascript

浅谈Angular 中何时取消订阅

Nov 22 Javascript

浅析Vue 和微信小程序的区别、比较

Aug 03 Javascript

vue+canvas实现炫酷时钟效果的倒计时插件（已发布到npm的vue2插件，开箱即用）

Nov 05 Javascript

基于React Native 0.52实现轮播图效果

Aug 25 Javascript

小程序数据通信方法大全(推荐)

Apr 15 Javascript

vue项目打包后路由错误的解决方法

Apr 13 Vue.js

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类

2006/11/27 PHP

php引用计数器进行垃圾收集机制介绍

2012/09/19 PHP

PHP微信开发之查询城市天气

2016/06/23 PHP

laravel-admin自动生成模块,及相关基础配置方法

2019/10/08 PHP

新闻内页-JS分页

2006/06/07 Javascript

又一个小巧的图片预加载类

2007/05/05 Javascript

分享精心挑选的12款优秀jQuery Ajax分页插件和教程

2012/08/09 Javascript

Jquery通过JSON字符串创建JSON对象

2014/08/24 Javascript

JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法

2014/12/20 Javascript

通过实例理解javascript中没有函数重载的概念

2015/06/03 Javascript

jQuery网页版打砖块小游戏源码分享

2015/08/20 Javascript

使用JS中的exec()方法构造正则表达式验证

2016/08/01 Javascript

jQuery UI制作选项卡（tabs）

2016/12/13 Javascript

Vue.js实现表格动态增加删除的方法（附源码下载）

2017/01/20 Javascript

JS 组件系列之BootstrapTable的treegrid功能

2017/06/16 Javascript

swiper动态改变滑动内容的实现方法

2018/01/17 Javascript

iview table render集成switch开关的实例

2018/03/14 Javascript

对vue里函数的调用顺序介绍

2018/03/17 Javascript

JS数组求和的常用方法实例小结

2019/01/07 Javascript

vue按需加载实例详解

2019/09/06 Javascript

Vue+Java 通过websocket实现服务器与客户端双向通信操作

2020/09/22 Javascript

Javascript 模拟mvc实现点餐程序案例详解

2020/12/24 Javascript

Python高效编程技巧

2013/01/07 Python

python实现发送邮件功能

2017/07/22 Python

Python实现按特定格式对文件进行读写的方法示例

2017/11/30 Python

python实现关键词提取的示例讲解

2018/04/28 Python

Python Pandas实现数据分组求平均值并填充nan的示例

2019/07/04 Python

python爬虫爬取58同城上所有城市的租房信息详解

2019/07/30 Python

python tkinter基本属性详解

2019/09/16 Python

Python操作Excel把数据分给sheet

2020/05/20 Python

利用python 读写csv文件

2020/09/10 Python

解释一下钝化(Swap out)

2016/12/26 面试题

经典安踏广告词

2014/03/21 职场文书

2014年电厂个人工作总结

2014/11/27 职场文书

毕业酒会致辞

2015/07/29 职场文书

TV动画《史上最强大魔王转生为村民A》番宣CM公布

2022/04/01 日漫