网站地图    收藏   

主页 > 前端 > javascript >

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

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 由于千万浏览器的出现我们写的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。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论