编程 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 统计时间

Mar 09 Javascript

datePicker——日期选择控件（with jquery）

Feb 20 Javascript

Extjs入门之动态加载树代码

Apr 09 Javascript

情人节之礼 js项链效果

Feb 13 Javascript

javascript中slice(),splice(),split(),substring(),substr()使用方法

Mar 13 Javascript

jQuery实用技巧必备（下）

Nov 03 Javascript

基于vuejs+webpack的日期选择插件

May 21 Javascript

es6 字符串String的扩展(实例讲解)

Aug 03 Javascript

JavaScript实现旋转轮播图

Aug 18 Javascript

JS开发常用工具函数(小结)

Jul 04 Javascript

Vue路由之JWT身份认证的实现方法

Aug 26 Javascript

基于JS实现计算24点算法代码实例解析

Jul 23 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出现Cannot modify header information问题的解决方法大全

2008/04/09 PHP

PHP实现远程下载文件到本地

2015/05/17 PHP

php简单统计字符串单词数量的方法

2015/06/19 PHP

深入理解JavaScript系列(13) This? Yes,this!

2012/01/18 Javascript

带左右箭头图片轮播的JS代码

2013/12/18 Javascript

javascript中局部变量和全局变量的区别详解

2015/02/27 Javascript

js下将金额数字每三位一逗号分隔

2016/02/19 Javascript

Bootstrap基本插件学习笔记之按钮(21)

2016/12/08 Javascript

微信小程序石头剪刀布实例代码

2017/01/04 Javascript

AngularJS Toaster使用详解

2017/02/24 Javascript

Node.js和Express简单入门介绍

2017/03/24 Javascript

JQuery判断正整数整理小结

2017/08/21 jQuery

详解基于Vue cli生成的Vue项目的webpack4升级

2018/06/19 Javascript

vue路由守卫+登录态管理实例分析

2019/05/21 Javascript

vue实现按需加载组件及异步组件功能

2019/05/27 Javascript

vue+elementUI实现表格关键字筛选高亮

2020/10/26 Javascript

vue实现百度搜索功能

2020/12/28 Javascript

微信小程序 wxParse插件显示视频问题

2019/09/27 Javascript

TypeScript 引用资源文件后提示找不到的异常处理技巧

2020/07/15 Javascript

python中使用OpenCV进行人脸检测的例子

2014/04/18 Python

python打开url并按指定块读取网页内容的方法

2015/04/29 Python

python数据结构之链表详解

2017/09/12 Python

实例讲解Python3中abs()函数

2019/02/19 Python

Python 实现交换矩阵的行示例

2019/06/26 Python

python 整数越界问题详解

2019/06/27 Python

手把手教你将Flask应用封装成Docker服务的实现

2020/08/19 Python

工厂仓管员岗位职责

2014/01/01 职场文书

《歌唱二小放牛郎》教学反思

2014/04/19 职场文书

共产党员岗位承诺书

2014/05/29 职场文书

4s店活动策划方案

2014/08/25 职场文书

党员对十八届四中全会的期盼思想汇报范文

2014/10/17 职场文书

2015年父亲节活动总结

2015/02/12 职场文书

清明节寄语2015

2015/03/23 职场文书

因家庭原因离职的辞职信范文

2015/05/12 职场文书

2016年社区服务活动总结

2016/04/06 职场文书

JavaWeb 入门篇:创建Web项目,Idea配置tomcat

2021/07/16 Java/Android