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

读jQuery之六缓存数据功能介绍

Jun 21 Javascript

js获取dom的高度和宽度(可见区域及部分等等)

Jun 13 Javascript

Jquery EasyUI的添加，修改，删除，查询等基本操作介绍

Oct 11 Javascript

jQuery获得IE版本不准确webbrowser的解决方法

Feb 23 Javascript

用js通过url传参把数据从一个页面传到另一个页面

Sep 01 Javascript

JS实现淡蓝色简洁竖向Tab点击切换效果

Oct 06 Javascript

JS拖拽组件学习使用

Jan 19 Javascript

js控件Kindeditor实现图片自动上传功能

Jul 20 Javascript

AngularJS中比较两个数组是否相同

Aug 24 Javascript

JavaScript中的回调函数实例讲解

Jan 27 Javascript

Angular8 简单表单验证的实现示例

Jun 03 Javascript

如何在CocosCreator里画个炫酷的雷达图

Apr 16 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实现的AES 128位加密算法示例

2019/09/16 PHP

学习YUI.Ext 第二天

2007/03/10 Javascript

js简单实现根据身份证号码识别性别年龄生日

2013/11/29 Javascript

js 与 php 通过json数据进行通讯示例

2014/03/26 Javascript

JS加载iFrame出现空白问题的解决办法

2016/05/13 Javascript

jquery对象与DOM对象转化

2017/02/08 Javascript

JavaScript数据结构中栈的应用之表达式求值问题详解

2017/04/11 Javascript

Angular实现的内置过滤器orderBy排序与模糊查询功能示例

2017/12/29 Javascript

VScode格式化ESlint方法(最全最好用方法)

2019/09/10 Javascript

Vue-cli项目部署到Nginx服务器的方法

2019/11/01 Javascript

npm ci命令的基本使用方法

2020/09/20 Javascript

[01:14]DOTA2 7.22版本新增神杖效果展示（智力英雄篇）

2019/05/29 DOTA

python字符串替换示例

2014/04/24 Python

跟老齐学Python之使用Python查询更新数据库

2014/11/25 Python

Python实现windows下模拟按键和鼠标点击的方法

2015/03/13 Python

Python实现定时备份mysql数据库并把备份数据库邮件发送

2018/03/08 Python

sklearn-SVC实现与类参数详解

2019/12/10 Python

python如何导入依赖包

2020/07/13 Python

Python Selenium实现无可视化界面过程解析

2020/08/25 Python

使用Python绘制台风轨迹图的示例代码

2020/09/21 Python

下面这个程序执行后会有什么错误或者效果

2014/11/03 面试题

销售行业个人求职自荐信

2013/09/25 职场文书

主持人演讲稿范文

2013/12/28 职场文书

心得体会怎么写

2013/12/30 职场文书

入党积极分子思想汇报范文

2014/01/05 职场文书

公益广告语集锦

2014/03/13 职场文书

投标承诺书怎么写

2014/05/24 职场文书

班风口号

2014/06/18 职场文书

合同意向书范本

2014/07/30 职场文书

2015年南京大屠杀纪念日活动总结

2015/03/24 职场文书

2015年医生个人工作总结

2015/04/25 职场文书

小学教代会开幕词

2016/03/04 职场文书

Python基础之tkinter图形化界面学习

2021/04/29 Python

python常见的占位符总结及用法

2021/07/02 Python

Python实现文字pdf转换图片pdf效果

2022/04/03 Python

服务器间如何实现文件共享

2022/05/20 Servers