首页
所有分类
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 相关文章推荐
关于 byval 与 byref 的区别分析总结
Oct 08 Javascript
jquery each()源代码
Feb 14 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
Feb 14 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
Nov 21 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
Jul 30 Javascript
微信jssdk在iframe页面失效问题的解决措施
Mar 03 Javascript
javascript创建含数字字母的随机字符串方法总结
Aug 01 Javascript
JS锚点的设置与使用方法
Sep 05 Javascript
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
axios 处理 302 状态码的解决方法
Apr 10 Javascript
JS+H5 Canvas实现时钟效果
Jul 20 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
Oct 17 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
心得体会(660) 道歉信(39) 介绍信(57) 邀请函(127) 表扬信(62) 欢迎词(65) 思想汇报(404) 证婚词(21) 检讨书(456) 演讲稿(869)
You might like
PHP扩展Swoole实现实时异步任务队列示例
2019/04/13 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
jQuery ajax BUG：object doesn't support this property or method
2010/07/06 Javascript
JS维吉尼亚密码算法实现代码
2010/11/09 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
2012/12/17 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
js实现字符串的16进制编码不加密
2014/04/25 Javascript
javascript实现微信分享
2014/12/23 Javascript
详解javascript实现瀑布流列式布局
2016/01/29 Javascript
Node.js如何自动审核团队的代码
2016/07/20 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
微信小程序教程系列之设置标题栏和导航栏（7）
2020/06/29 Javascript
详解vue express启动数据服务
2017/07/05 Javascript
JavaScript中为事件指定处理程序的五种方式分析
2018/07/27 Javascript
微信小程序使用canvas的画图操作示例
2019/01/18 Javascript
Python使用poplib模块和smtplib模块收发电子邮件的教程
2016/07/02 Python
python实现简易内存监控
2018/06/21 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
Python 3.6 -win64环境安装PIL模块的教程
2019/06/20 Python
快速解决vue.js 模板和jinja 模板冲突的问题
2019/07/26 Python
nginx+uwsgi+django环境搭建的方法步骤
2019/11/25 Python
Python字典生成式、集合生成式、生成器用法实例分析
2020/01/07 Python
jupyter notebook oepncv 显示一张图像的实现
2020/04/24 Python
Python 如何查找特定类型文件
2020/08/17 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
html5-websocket基于远程方法调用的数据交互实现
2012/12/04 HTML / CSS
Tenstickers法国：墙贴和装饰贴纸
2019/08/26 全球购物
银行会计财务工作个人的自我评价
2013/10/29 职场文书
公司行政经理岗位职责
2013/12/24 职场文书
事业单位公务员的职业生涯规划
2014/01/15 职场文书
考核工作实施方案
2014/03/30 职场文书
大学生档案自我鉴定（2篇）
2014/10/14 职场文书
房租涨价通知
2015/04/23 职场文书
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python