Dom与浏览器兼容性说明


Posted in Javascript onOctober 25, 2010

作为一个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

Javascript 相关文章推荐
javaScript 简单验证代码(用户名,密码,邮箱)
Sep 28 Javascript
js 刷新页面的代码小结 推荐
Apr 02 Javascript
JS中toFixed()方法引起的问题如何解决
Nov 20 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
js切换光标示例代码
Oct 10 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
Jun 24 Javascript
react native与webview通信的示例代码
Sep 25 Javascript
微信小程序定位当前城市的方法
Jul 19 Javascript
微信小程序调用摄像头隐藏式拍照功能
Aug 22 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
May 21 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
Jul 11 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
Oct 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
You might like
php控制linux服务器常用功能 关机 重启 开新站点等
2012/09/05 PHP
PHP制作用户注册系统
2015/10/23 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
javaScript对象和属性的创建方法
2007/01/15 Javascript
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
JavaScript 无符号右移运算符
2009/04/17 Javascript
JAVASCRIPT函数作用域和提前声明 分享
2013/08/22 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
2015/01/02 Javascript
微信小程序本作用域下调用全局JS详解及实例
2017/02/22 Javascript
详解vue中使用vue-quill-editor富文本小结(图片上传)
2019/04/24 Javascript
详解JWT token心得与使用实例
2019/08/02 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
JavaScript鼠标悬停事件用法解析
2020/05/15 Javascript
JS如何判断对象是否包含某个属性
2020/08/29 Javascript
Python向MySQL批量插数据的实例讲解
2018/03/31 Python
python的pyecharts绘制各种图表详细(附代码)
2019/11/11 Python
TensorBoard 计算图的查看方式
2020/02/15 Python
Django Admin 上传文件到七牛云的示例代码
2020/06/20 Python
英国标志性奢侈品牌:Burberry
2016/07/28 全球购物
采用怎样的方法保证数据的完整性
2013/12/02 面试题
会计电算化专业毕业生自荐信
2013/12/20 职场文书
教师岗位职责范本
2013/12/29 职场文书
加工操作管理制度
2014/01/19 职场文书
咖啡蛋糕店创业计划书
2014/01/28 职场文书
物流创业计划书
2014/02/01 职场文书
副董事长岗位职责
2014/04/02 职场文书
查摆问题自我剖析材料
2014/08/18 职场文书
爱国主义教育演讲稿
2014/08/26 职场文书
感恩教师节主题班会
2015/08/12 职场文书
springBoot基于webSocket实现扫码登录
2021/06/22 Java/Android
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python
TypeScript 使用 Tuple Union 声明函数重载
2022/04/07 Javascript
Python selenium绕过webdriver监测执行javascript
2022/04/12 Python