编程 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闭包推荐

Mar 01 Javascript

原生js实现给指定元素的后面追加内容

Apr 10 Javascript

Javascript的时间戳和php的时间戳转换注意事项

Apr 12 Javascript

jquery图片不完全按比例自动缩小的简单代码

Jul 29 Javascript

深入理解JavaScript系列（37）：设计模式之享元模式详解

Mar 04 Javascript

jQuery多级手风琴菜单实例讲解

Oct 22 Javascript

javascript和jquery实现用户登录验证

May 04 Javascript

Vue resource中的GET与POST请求的实例代码

Jul 21 Javascript

react项目如何使用iconfont的方法步骤

Mar 13 Javascript

javascript设计模式 ? 适配器模式原理与应用实例分析

Apr 13 Javascript

基于JQuery实现页面定时弹出广告

May 08 jQuery

Vue+Spring Boot简单用户登录(附Demo)

Nov 12 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+MySql编写聊天室

2006/10/09 PHP

php header()函数使用说明

2008/07/10 PHP

PHP获取一个字符串中间一部分字符的方法

2014/08/19 PHP

java模拟PHP的pack和unpack类

2016/04/13 PHP

PHP通过GD库实现验证码功能示例

2019/02/23 PHP

php中错误处理操作实例分析

2019/08/23 PHP

javascript中创建对象的几种方法总结

2013/11/01 Javascript

jQuery实现手机号码输入提示功能实例

2015/04/30 Javascript

JQ实现新浪游戏首页幻灯片

2015/07/29 Javascript

jQuery实现将div中滚动条滚动到指定位置的方法

2016/08/10 Javascript

鼠标经过出现气泡框的简单实例

2017/03/17 Javascript

vue.js开发环境搭建教程

2017/05/04 Javascript

vue项目实现记住密码到cookie功能示例(附源码)

2018/01/31 Javascript

详解vue静态资源打包中的坑与解决方案

2018/02/05 Javascript

详解Vue.js 作用域、slot用法（单个slot、具名slot）

2019/10/15 Javascript

jQuery实现本地存储

2020/12/22 jQuery

[49:59]KG vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/16 DOTA

Python字符串格式化

2015/06/15 Python

Python与Java间Socket通信实例代码

2017/03/06 Python

Python基础练习之用户登录实现代码分享

2017/11/08 Python

python3下实现搜狗AI API的代码示例

2018/04/10 Python

python 将list转成字符串,中间用符号分隔的方法

2018/10/23 Python

Python2和Python3的共存和切换使用

2019/04/12 Python

详解Python的循环结构知识点

2019/05/20 Python

详解python中的index函数用法

2019/08/06 Python

详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程

2020/03/25 Python

俄罗斯优惠券网站：BIGLION

2017/05/21 全球购物

美国农场鲜花速递：The Bouqs

2018/07/13 全球购物

Blue Nile中国官网：全球知名的钻石和珠宝网络零售商

2020/03/22 全球购物

阿德的梦教学反思

2014/02/06 职场文书

实习报告评语

2014/04/26 职场文书

软件研发工程师岗位职责

2014/09/30 职场文书

幼儿园中秋节活动总结

2015/03/23 职场文书

有关骆驼祥子的读书笔记

2015/06/26 职场文书

交通安全温馨提示语

2015/07/14 职场文书

《雷雨》教学反思

2016/02/20 职场文书