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

window.location.hash 属性使用说明

Mar 20 Javascript

Jquery 实现grid绑定模板

Jan 28 Javascript

JS获取图片lowsrc属性的方法

Apr 01 Javascript

jquery+CSS实现的多级竖向展开树形TRee菜单效果

Aug 24 Javascript

谈谈JavaScript异步函数发展历程

Sep 29 Javascript

浅谈jquery中使用canvas的问题

Oct 10 Javascript

JavaScript递归函数解“汉诺塔”算法代码解析

Jul 05 Javascript

JS实现数组去重,显示重复元素及个数的方法示例

Jan 21 Javascript

Angular中使用ng-zorro图标库部分图标不能正常显示问题

Apr 22 Javascript

node.js express捕获全局异常的三种方法实例分析

Dec 27 Javascript

javascript实现点击产生随机图形

Jan 25 Javascript

Vue使用Ref跨层级获取组件的步骤

Jan 25 Vue.js

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下10件你也许并不了解的事情

2008/09/11 PHP

PHP-Fcgi下PHP的执行时间设置方法

2013/08/02 PHP

php实现cc攻击防御和防止快速刷新页面示例

2014/02/13 PHP

php中删除、清空session的方式总结

2015/10/09 PHP

PHP中获取文件创建日期、修改日期、访问时间的方法

2016/11/05 PHP

PHP+JS实现的商品秒杀倒计时用法示例

2016/11/15 PHP

基于php中echo用逗号和用点号的区别详解

2018/01/23 PHP

浅说js变量

2011/05/25 Javascript

超简单JS二级、多级联动的简单实例

2014/02/18 Javascript

实例分析javascript中的call()和apply()方法

2014/11/28 Javascript

javascript中Object使用详解

2015/01/26 Javascript

JavaScript获得页面base标签中url的方法

2015/04/03 Javascript

jquery实现超简洁的TAB选项卡效果代码

2015/08/28 Javascript

浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入

2016/01/19 Javascript

如何高效率去掉js数组中的重复项

2016/04/12 Javascript

jquery仿苹果的时间/日期选择效果

2017/03/08 Javascript

JavaScript结合HTML DOM实现联动菜单

2017/04/05 Javascript

关于vue.js组件数据流的问题

2017/07/26 Javascript

Vue3.0数据响应式原理详解

2019/10/09 Javascript

JavaScript语法约定和程序调试原理解析

2020/11/03 Javascript

python从入门到精通（DAY 2）

2015/12/20 Python

简单谈谈Python中的反转字符串问题

2016/10/24 Python

用Python编写一个简单的CS架构后门的方法

2018/11/20 Python

使用python实现男神女神颜值打分系统(推荐)

2019/10/31 Python

Python selenium模拟手动操作实现无人值守刷积分功能

2020/05/13 Python

html5设计原理(推荐收藏)

2014/05/17 HTML / CSS

波兰在线体育用品商店：Hop-Sport.pl

2019/07/23 全球购物

美国高端牛仔品牌：Silver Jeans

2019/12/12 全球购物

PHP如何对用户密码进行加密

2014/07/31 面试题

大学生职业生涯规划范文

2014/01/22 职场文书

信电学院毕业生自荐书

2014/05/24 职场文书

医院深入开展党的群众路线教育实践活动实施方案

2014/08/27 职场文书

校园安全广播稿范文

2014/09/25 职场文书

医学会议开幕词

2016/03/03 职场文书

MongoDB数据库部署环境准备及使用介绍

2022/03/21 MongoDB

Python如何快速找到多个字典中的公共键(key)

2022/04/29 Python