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

仅IE9/10同时支持script元素的onload和onreadystatechange事件分析

Apr 27 Javascript

浅析tr的隐藏和显示问题

Mar 05 Javascript

javascript学习笔记（四）function函数部分

Sep 30 Javascript

JavaScript学习笔记之Function对象

Jan 22 Javascript

javascript使用avalon绑定实现checkbox全选

May 06 Javascript

Bootstrap富文本组件wysiwyg数据保存到mysql的方法

May 09 Javascript

JavaScript对象数组排序实例方法浅析

Jun 15 Javascript

网页挂马方式整理及详细介绍

Nov 03 Javascript

用js制作淘宝放大镜效果

Oct 28 Javascript

原生JavaScript实现Tooltip浮动提示框特效

Mar 07 Javascript

微信小程序 es6-promise.js封装请求与处理异步进程

Jun 12 Javascript

vue 自动化路由实现代码

Sep 03 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异步执行的详解

2013/06/03 PHP

php Session存储到Redis的方法

2013/11/04 PHP

PHP实现通用alert函数的方法

2015/03/11 PHP

PHP mysqli_free_result()与mysqli_fetch_array()函数详解

2016/09/21 PHP

php集成开发环境详解

2019/09/24 PHP

分页栏的web标准实现

2011/11/01 Javascript

jQuery实现鼠标移到元素上动态提示消息框效果

2013/10/20 Javascript

js实现带圆角的两级导航菜单效果代码

2015/08/24 Javascript

基于JQuery实现图片轮播效果(焦点图)

2016/02/02 Javascript

关于JS 预解释的相关理解

2016/06/28 Javascript

jquery mobile移动端幻灯片滑动切换效果

2020/04/15 Javascript

Angularjs中的ui-bootstrap的使用教程

2017/02/19 Javascript

如何使用angularJs

2017/05/08 Javascript

JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)

2017/06/09 Javascript

[01:20]DOTA2上海特级锦标赛现场采访：谁的ID最受青睐

2016/03/25 DOTA

[01:12:44]VG vs Mineski Supermajor 败者组 BO3 第二场 6.6

2018/06/07 DOTA

Python脚本实现网卡流量监控

2015/02/14 Python

详解python实现交叉验证法与留出法

2019/07/11 Python

与Django结合利用模型对上传图片预测的实例详解

2019/08/07 Python

flask/django 动态查询表结构相同表名不同数据的Model实现方法

2019/08/29 Python

Python selenium 加载并保存QQ群成员,去除其群主、管理员信息的示例代码

2020/05/28 Python

python字符串的index和find的区别详解

2020/06/20 Python

协程Python 中实现多任务耗资源最小的方式

2020/10/19 Python

Python命令行参数argv和argparse该如何使用

2021/02/08 Python

纯CSS3代码实现文字描边

2016/04/25 HTML / CSS

css3旋转木马_动力节点Java学院整理

2017/07/12 HTML / CSS

美国五金商店：Ace Hardware

2018/03/27 全球购物

美国户外运动商店：Sun & Ski

2018/08/23 全球购物

幼儿园优秀教师事迹

2014/02/13 职场文书

读书活动实施方案

2014/03/10 职场文书

2014年教师业务学习材料

2014/05/12 职场文书

小学绿色学校申报材料

2014/08/23 职场文书

房屋出售授权委托书

2014/10/12 职场文书

房地产销售经理岗位职责

2015/02/02 职场文书

优秀员工自荐书

2015/03/06 职场文书

Java面试题冲刺第十五天--设计模式

2021/08/07 面试题