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

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