Dom与浏览器兼容性说明
程序员文章站
2023-11-22 11:42:46
作为一个web前端工作者,你是否在工作中常被浏览器兼容性问题所困惑.例如css样式? 明明在 ie浏览器里显示一切正常的网页.到了firefox或谷歌浏览器中却乱作一团.或...
作为一个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
上一篇: 微信获取用户地理位置信息的原理与步骤
下一篇: PHP基于yii框架实现生成ICO图标
推荐阅读
-
Dom与浏览器兼容性说明
-
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
-
Dom与浏览器兼容性说明
-
荐 超强的入门文章 !!! JavaScript 速成计划第三篇(面向对象与常用的内置对象、DOM对象、浏览器对象)!
-
JavaScript的初步学习,JS的数据类型与变量,函数,DOM操纵HTML,BOM操作浏览器
-
getBoundingClientRect()方法获取Dom元素与浏览器窗口的位置
-
常见浏览器兼容性问题与解决方案
-
闭包的原理与经典应用场景,访问器属性,类与对象的创建与成员引用,数组与对象的解构过程与经典案例,JS引入到浏览器中的的方法及获取DOM元素的两个API
-
闭包的原理与经典应用场景,访问器属性,类与对象的创建与成员引用,数组与对象的解构过程与经典案例,JS引入到浏览器中的的方法及获取DOM元素的两个API
-
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)