脚本宝典收集整理的这篇文章主要介绍了IE与FireFox的兼容性问题,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
window.event
IE:有window.event对象&nbs
p; FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmou
SEMove=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.offsetH
eight。注意:此时页面一定要有body标签。
FF:window.innerWidth和window.innerHegiht,以及document.documentElement.clientWidth和document.documentElement.clientHeight。
通用:document.body.clientWidth和document.body.clientHeight。
添加事件 IE:element.attachEvent("onclick", func);。
FF:element.addEventListener("click", func, true)。
通用:element.onclick=func。虽然都可以使
用Onclick事件,但是onclick和上面两种方法的效果是不一样的,onclick只有执行一个过程,而attachEvent和addEventListener执行的是一个过程列表,也就是多个过程。例如:element.attachEvent("onclick", func1);element.attachEvent("onclick", func2)这样func1和func2都会被执行。
标签的自定义属性
IE:如果给标签div1定义了一个属性value,可以div1.value和div1["value"]取得该值。
FF:不能用div1.value和div1["value"]取。
通用:div1.getAttribute("value")。
父节点、子节点和删除节点
IE:parentElement、parement.children,element.
romoveNode(true)。
FF:parentNode、parentNode.childNodes,node.parentNode.removeChild(node)。
画图
IE:V
ML。
FF:SVG。
CSS:透明
IE:filter:
PRogid:DXImageTransform.Microsoft.Alpha(style=0,opac
ITy=60)。
FF:opacity:0.6。
CSS:
圆角
IE:不支持圆角。
FF:-moz-border-radius:4px,
或者-moz-border-radius
-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;。
CSS:双线凹凸边框
IE:border:2px outset;。
FF:-moz-border-top-colors:
#d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;。
脚本宝典总结
以上是脚本宝典为你收集整理的IE与FireFox的兼容性问题全部内容,希望文章能够帮你解决IE与FireFox的兼容性问题所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。