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 相关文章推荐
基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
May 18 Javascript
juqery 学习之三 选择器 子元素与表单
Nov 25 Javascript
jquery结合CSS使用validate实现漂亮的验证
Jan 29 Javascript
Jquery使用val方法读写value值
May 18 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
May 18 Javascript
jQuery 限制输入字符串长度
Jun 20 Javascript
获取当前按钮或者html的ID名称实例(推荐)
Jun 23 Javascript
JS+canvas绘制的动态机械表动画效果
Sep 12 Javascript
Angular5中调用第三方js插件的方法
Feb 26 Javascript
Javascript实现时间倒计时功能
Nov 17 Javascript
javascript 内存模型实例详解
Apr 18 Javascript
深度解读vue-resize的具体用法
Jul 08 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
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
php实现约瑟夫问题的方法小结
2015/03/23 PHP
php获取图片信息的方法详解
2015/12/10 PHP
Laravel的Auth验证Token验证使用自定义Redis的例子
2019/09/30 PHP
新闻内页-JS分页
2006/06/07 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
jQuery调用ajax请求的常见方法汇总
2015/03/24 Javascript
js判断某个字符出现的次数的简单实例
2016/06/03 Javascript
浅谈函数调用的不同方式,以及this的指向
2017/09/17 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
2018/04/23 Javascript
原生js实现获取form表单数据代码实例
2019/03/27 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
2019/10/26 Javascript
Element Popover 弹出框的使用示例
2020/07/26 Javascript
[50:50]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第一场 12.10
2020/12/13 DOTA
Python写的贪吃蛇游戏例子
2014/06/16 Python
Python求解平方根的方法
2015/03/11 Python
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
python实现输入数字的连续加减方法
2018/06/22 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
Python如何发布程序的详细教程
2018/10/09 Python
python基础 range的用法解析
2019/08/23 Python
Python tensorflow实现mnist手写数字识别示例【非卷积与卷积实现】
2019/12/19 Python
Python 中的pygame安装与配置教程详解
2020/02/10 Python
python输入一个水仙花数(三位数) 输出百位十位个位实例
2020/05/03 Python
Python使用Excel将数据写入多个sheet
2020/05/16 Python
pycharm 实现本地写代码,服务器运行的操作
2020/06/08 Python
亚马逊印度站:Amazon.in
2017/10/15 全球购物
捷克领先的户外服装及配件市场零售商:ALPINE PRO
2018/01/09 全球购物
如何获得EntityManager
2014/02/09 面试题
大学生求职自荐信
2013/12/12 职场文书
试用期自我鉴定范文
2014/03/20 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
2015年财务部年度工作总结
2015/05/19 职场文书
入党介绍人意见怎么写
2015/06/03 职场文书
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript
python可视化分析绘制带趋势线的散点图和边缘直方图
2022/06/25 Python