欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

浏览器兼容性

程序员文章站 2023-12-31 13:20:10
...

浏览器兼容性(必须要总结一下这个了)

  1. 获取document对象的文本内容:
    大部分浏览器都支持:innerhtml
    IE支持:innerhtml和innerText
    firefox支持:innerhtml和textContent
  2. 事件event对象相关兼容性问题:
    1>获取event事件对象
    chrome,firefox,safari等直接直接通过event获取,但IE采用了一种非标准的方式,将事件作为window对象的event属性;
    IE是把event事件对象作为全局对象window的一个属性;可以使用event或window.event来访问;
    FireFox和Chrome等主流浏览器是通过把【事件对象】作为【事件响应函数】的【参数】进入传入的;
    jquery的event一般不用考虑兼容性了
//原生js获取事件对象兼容性写法:
function foo(event){
    var evt = event || window.event;
}

2>获取事件源对象的方式也不一样:
在IE中:window.event.srcElement;
在firefox中:window.event.target;
3>event.x和event.y的兼容性
x,y事件发生的位置的 x 坐标和 y 坐标
offsetX,offsetY发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标
pageX,pageY返回鼠标指针的位置,相对于文档的左边缘
IE取鼠标点击绝对位置使用event.x,event.y;
IE取鼠标点击相对位置使用event.offsetX,event.offsetY
firefox取鼠标指针位置使用event.pageX,event.pageY
3. const兼容问题
const是es6新增的用来定义常量的关键字,IE9一下不支持
解决方法:通过npm下载babel来兼容,

//引入babel文件
 <script src="browser.min.js"></script>
    <script type="text/babel">
        const Name = 'niwei';//使用新增的关键字:const声明常量
        console.log(Name);
    </script>
相关标签: 浏览器兼容性

上一篇:

下一篇: