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 相关文章推荐
JS的递增/递减运算符和带操作的赋值运算符的等价式
Dec 08 Javascript
jquery 将disabled的元素置为enabled的三种方法
Jul 25 Javascript
重构Javascript代码示例(重构前后对比)
Jan 23 Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 Javascript
readonly和disabled属性的区别
Jul 26 Javascript
javascript实现网页端解压并查看zip文件
Dec 15 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
May 17 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
May 20 Javascript
微信小程序开发探究
Dec 27 Javascript
原生JS实现跑马灯效果
Feb 20 Javascript
微信小程序 页面跳转传值实现代码
Jul 27 Javascript
ES6 Iterator接口和for...of循环用法分析
Jul 31 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 将图片按创建时间进行分类存储的实现代码
2010/01/05 PHP
并发下常见的加锁及锁的PHP具体实现代码
2010/10/12 PHP
php设计模式 State (状态模式)
2011/06/26 PHP
PHP高手需要要掌握的知识点
2014/08/21 PHP
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
2011/07/04 Javascript
JQuery for与each性能比较分析
2013/05/14 Javascript
如何用jquery控制表格奇偶行及活动行颜色
2014/04/20 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
2014/10/31 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
jquery超简单实现手风琴效果的方法
2015/06/05 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
2017/05/12 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
详解微信小程序缓存--缓存时效性
2019/05/02 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
vue按需加载实例详解
2019/09/06 Javascript
Python实现的数据结构与算法之链表详解
2015/04/22 Python
Python信息抽取之乱码解决办法
2017/06/29 Python
对Python 2.7 pandas 中的read_excel详解
2018/05/04 Python
对python程序内存泄漏调试的记录
2018/06/11 Python
mac安装pytorch及系统的numpy更新方法
2018/07/26 Python
Python元组知识点总结
2019/02/18 Python
基于Python实现用户管理系统
2019/02/26 Python
Python实现蒙特卡洛算法小实验过程详解
2019/07/12 Python
python range实例用法分享
2020/02/06 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
全球速卖通西班牙站:AliExpress西班牙
2017/10/30 全球购物
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
市场营销工作计划书
2014/05/06 职场文书
优秀党务工作者事迹材料
2014/05/07 职场文书
优秀语文教师事迹
2014/05/18 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
python 如何在 Matplotlib 中绘制垂直线
2021/04/02 Python
教你利用python实现企业微信发送消息
2021/05/23 Python
css3 选择器
2022/05/11 HTML / CSS