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

如何让你的Lightbox支持滚轮缩放及Base64图片

Dec 04 Javascript

适用于手机端的jQuery图片滑块动画

Dec 09 Javascript

JS闭包可被利用的常见场景小结

Apr 09 Javascript

AngularJS对动态增加的DOM实现ng-keyup事件示例

Mar 12 Javascript

bootstrap select2插件用ajax来获取和显示数据的实例

Aug 09 Javascript

JS与SQL方式随机生成高强度密码示例

Dec 29 Javascript

微信小程序实现分享商品海报功能

Sep 30 Javascript

javascript实现倒计时效果

Feb 17 Javascript

Webpack中SplitChunksPlugin 配置参数详解

Mar 24 Javascript

koa中间件核心（koa-compose）源码解读分析

Jun 15 Javascript

js实现滑动滑块验证登录

Jul 24 Javascript

js动态添加带圆圈序号列表的实例代码

Feb 18 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