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

LABjs、RequireJS、SeaJS的区别

Mar 04 Javascript

js实现遮罩层划出效果是生成div而不是显示

Jul 29 Javascript

JavaScript中的闭包介绍

Mar 15 Javascript

JS控制HTML元素的显示和隐藏的两种方法

Sep 27 Javascript

js判断是否是手机页面

Mar 17 Javascript

vue父子组件的嵌套的示例代码

Sep 08 Javascript

详解react-router 4.0 下服务器如何配合BrowserRouter

Dec 29 Javascript

OkHttp踩坑随笔为何 response.body().string() 只能调用一次

Jan 08 Javascript

使用node.js实现微信小程序实时聊天功能

Aug 13 Javascript

vue2.0 下拉框默认标题设置方法

Aug 22 Javascript

js实现旋转木马轮播图效果

Jan 10 Javascript

vue实现用户长时间不操作自动退出登录功能的实现代码

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

世界收音机发展史

2021/03/01 无线电

PHP学习之正则表达式

2011/04/17 PHP

基于PHP常用字符串的总结(待续)

2013/06/07 PHP

PHP PDOStatement::debugDumpParams讲解

2019/01/30 PHP

JavaScript 学习笔记（十六） js事件

2010/02/01 Javascript

jQuery创建插件的代码分析

2011/04/14 Javascript

给页面渲染时间加速干掉Dom Level 0 Event

2012/12/19 Javascript

多个$(document).ready()的执行顺序实例分析

2014/07/26 Javascript

node.js中的fs.lchmod方法使用说明

2014/12/16 Javascript

jQuery中DOM操作实例分析

2015/01/23 Javascript

Flash图片上传组件 swfupload使用指南

2015/03/14 Javascript

javascript实现点击商品列表checkbox实时统计金额的方法

2015/05/15 Javascript

js实现(全选)多选按钮的方法【附实例】

2016/03/30 Javascript

JavaScript实现拖拽元素对齐到网格（每次移动固定距离）

2016/11/30 Javascript

javascript 网页进度条简单实例

2017/02/22 Javascript

微信小程序获取javascript 里的数据

2017/08/17 Javascript

关于Vue在ie10下空白页的debug小结

2018/05/02 Javascript

详解各版本React路由的跳转的方法

2018/05/10 Javascript

微信小程序实现动态列表项的顺序加载动画

2019/07/25 Javascript

VUE使用axios调用后台API接口的方法

2020/08/03 Javascript

小程序实现tab标签页

2020/11/16 Javascript

[02:23]DOTA2英雄基础教程幻影长矛手

2013/12/09 DOTA

Python实现根据指定端口探测服务器/模块部署的方法

2014/08/25 Python

Python对多属性的重复数据去重实例

2018/04/18 Python

python暴力解压rar加密文件过程详解

2019/07/05 Python

Python对Tornado请求与响应的数据处理

2020/02/12 Python

HTML5轻松实现全屏视频背景的示例

2018/04/23 HTML / CSS

Yahoo-PHP面试题4

2012/05/05 面试题

学生自我鉴定范文

2013/10/04 职场文书

信息科学与技术专业求职信范文

2014/02/20 职场文书

库房保管员岗位职责

2014/04/07 职场文书

医院标语大全

2014/06/23 职场文书

导航工程专业自荐信

2014/09/02 职场文书

2014物价局民主生活会对照检查材料思想汇报

2014/09/24 职场文书

2014年社区计生工作总结

2014/11/18 职场文书

利用JavaScript写一个简单计算器

2021/11/27 Javascript