Javascript常用的兼容性写法处理详解-百分百源码网

Javascript常用的兼容性写法处理详解

发布时间：01/15 来源：浏览：关键词：

由于千万浏览器的出现我们写的js不但要支持X还要支持y,z等等，今天我来整理一些js 兼容性写法处理，希望此方法对各位同学有所帮助。

访问一个给定CSS 值的最基本句法是：object.style.property，如：object.style.backgroundColor= "#ccc"; 不过要是访问float属性，可就不一样了，因为float本身就是js的保留关键字，则需要这样写：

IE：object.style.styleFloat = "left";
FF：object.style.cssFloat = "left";

class同样也是一个保留关键字，可以这样写：
IE：object.getAttribute("className");

FF：object.getAttribute("class");

window.event对象差异
IE：有window.event对象
FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)

获取鼠标当前坐标

IE：event.x和event.y。
FF：event.pageX和event.pageY。
通用：两者都有event.clientX和event.clientY属性。

鼠标当前坐标(加上滚动条滚过的距离)
IE：event.offsetX和event.offsetY。
FF：event.layerX和event.layerY。

标签的x和y的坐标位置：style.posLeft 和 style.posTop
IE：有。
FF：没有。
通用：object.offsetLeft 和 object.offsetTop。

获取窗体的高度和宽度
IE：document.body.offsetWidth和document.body.offsetHeight。（页面一定要有body标签）
FF：window.innerWidth和window.innerHegiht，以及document.documentElement.clientWidth和document.documentElement.clientHeight。
通用：document.body.clientWidth和document.body.clientHeight。

打赏