首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

Dom与浏览器兼容性说明

Posted in Javascript onOctober 25, 2010

作为一个Web前端工作者，你是否在工作中常被浏览器兼容性问题所困惑．例如Css样式?　明明在 IE浏览器里显示一切正常的网页．到了FireFox或谷歌浏览器中却乱作一团．或许你在使用JavaScript和Dom编写网页脚本时，也遇到过类似问题. 明明在FireFox浏览器里运行正常的脚本．到了IE里却出现错误． 比如说获取触发js事件的源目标．还有鼠标位置或元素位置问题．动态为元素绑定事件等．．．我将在下面列举部份Dom指令在IE和FireFox等浏览器 不兼容性的问题！
限于篇幅．我不在该页对提到的Dom指令做详细解释．请点击相关指令名称可以了解详细解释与实例．
在使用JavaScript获取触发事件的源目标时IE和FireFox(火狐)不同表现，也就是说是网页中那个元素触发了事件

  1. 在IE浏览器里使用srcElement
  2. 在FireFox（火狐）浏览器里使用target

使用Dom获取和更改网页标签元素内文本的问题

  1. 在IE浏览器里使用innerText
  2. 在FireFox（火狐）浏览器里使用textContent

鼠标在元素内的位置

  1. IE中使用offsetX和offsetY来获取鼠标在网页中某一元素的位置
  2. FireFox使用layerX和layerY来得到鼠标在网页中某一元素的位置

动态为网页或元素绑定与删除事件的问题

  1. 在IE中绑定事件的方法是attachEvent
  2. 在IE中删除绑定事件的方法是detachEvent
  3. 在FireFox中绑定事件的方法是addEventListener
  4. 在FireFox中删除绑定事件的方法是removeEventListener

未完待续......康董于：2010-07-24

Dom与浏览器兼容性说明

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
javascript 对象的定义方法
Jan 10 Javascript
获取offsetTop和offsetLeft值的js代码(兼容)
Apr 16 Javascript
php，js，css字符串截取的办法集锦
Sep 26 Javascript
javascript引用类型指针的工作方式
Apr 13 Javascript
Javascript使用post方法提交数据实例
Aug 03 Javascript
JavaScript中的Object对象学习教程
May 20 Javascript
浅析jquery unbind()方法移除元素绑定的事件
May 24 Javascript
AngularJS 依赖注入详解和简单实例
Jul 28 Javascript
vue项目部署上线遇到的问题及解决方法
Jun 10 Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 Javascript
JS实现简单九宫格抽奖
Jun 28 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
控制流(1) queue(1) Simhash(1) RecyclerView(1) TaiShan(1) REGEXP(1) 字段分割(1) 九宫格(5) 内存池(1) Hadoop(1)
You might like
PHP5+UTF8多文件上传类
2008/10/17 PHP
PHP新手NOTICE错误常见解决方法
2011/12/07 PHP
全新的PDO数据库操作类php版（仅适用Mysql）
2012/07/22 PHP
ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法
2014/10/30 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
利用Laravel生成Gravatar头像地址的优雅方法
2017/12/30 PHP
详解PHP变量传值赋值和引用赋值变量销毁
2019/03/23 PHP
Firebug 字幕文件JSON地址获取代码
2009/10/28 Javascript
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
js、css、img等浏览器缓存问题的2种解决方案
2013/10/23 Javascript
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
SWFObject基本用法实例分析
2015/07/20 Javascript
nodejs初步体验篇
2015/11/23 NodeJs
win7下安装配置node.js+express开发环境
2015/12/06 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
DOM事件探秘篇
2017/02/15 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
2017/03/21 jQuery
微信小程序录音与播放录音功能
2017/12/25 Javascript
13 个npm 快速开发技巧(推荐)
2019/07/04 Javascript
细述Javascript的加法运算符的具体使用
2019/10/18 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
2019/11/15 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
Vue toFixed保留两位小数的3种方式
2020/10/23 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
jQuery实现可以扩展的日历
2020/12/01 jQuery
Python中给List添加元素的4种方法分享
2014/11/28 Python
Django之提交表单与前后端交互的方法
2019/07/19 Python
详解Python打包分发工具setuptools
2019/08/05 Python
美国现代家具购物网站：LexMod
2019/01/09 全球购物
POP文化和音乐灵感的时尚：Hot Topic
2019/06/19 全球购物
高等教育专业自荐信范文
2014/03/26 职场文书
会计系毕业求职信
2014/08/07 职场文书
2015年加油站站长工作总结
2015/05/27 职场文书
少年的你：世界上没有如果，要在第一次就勇敢的反抗
2019/11/20 职场文书
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL
在vue中import()语法不能传入变量的问题及解决
2022/04/01 Vue.js