[转载]IE与FireFox的兼容性问题
来源:互联网 发布:如何看网站seo权重 编辑:程序博客网 时间:2024/06/10 19:54
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。
通用:event.clientY+document.documentElement.scrollTop(加垂直滚动条)。
通用:event.clientX+document.documentElement.scrollLeft(加水平滚动条)。
示例:
<script>
function xyzb(xy){
xl = xy.clientX+document.documentElement.scrollLeft;
yr = xy.clientY+document.documentElement.scrollTop;
document.getElementById("xys").innerHTML=xl+","+yr;
}
</script>
<div id="xys" style="width:500px;height:500px;border:1px solid;" onmousemove="xyzb(event);"></div>
function xyzb(xy){
xl = xy.clientX+document.documentElement.scrollLeft;
yr = xy.clientY+document.documentElement.scrollTop;
document.getElementById("xys").innerHTML=xl+","+yr;
}
</script>
<div id="xys" style="width:500px;height:500px;border:1px solid;" onmousemove="xyzb(event);"></div>
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。
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:VML。
FF:SVG。
IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF:opacity:0.6。
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;。
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的兼容性问题 (一、网络转载)
- IE与FireFox的兼容性问题
- IE与FireFox的兼容性问题
- IE与FireFox的兼容性问题
- IE与FireFox的兼容性问题
- Mozilla Firefox与IE浏览器的兼容性问题
- IE与FireFox的JS兼容性问题
- 几个IE与Firefox的兼容性问题
- [转载]Javascript的IE和Firefox兼容性问题集合
- Mozilla Firefox与IE浏览器的javascript兼容性问题
- IE与FireFox的兼容性问题(JoeCom整理--未完待续)
- IE与FireFox的兼容性问题及解决 (zt)
- IE与FireFox的兼容性问题及解决(转)
- IE与FireFox在javascript中兼容性问题
- IE与Firefox对javascript兼容性问题
- Javascript的IE和Firefox兼容性问题集合
- Javascript的IE和Firefox兼容性问题
- 中文分词和搜索引擎
- shotgraph组件输出图形时输出英文字母汉字数字
- UN DATA,去联合国搜索数据
- 多媒体流的 Internet 传输演示程序
- PHP中文编码集合类库
- [转载]IE与FireFox的兼容性问题
- Shoes - 又一个Ruby发明,让开发GUI程序像开发webapp一样简单
- IT圈子里鬼混,谈谈IT行业的收入和一些生存之道(转)
- 利用OpenGL在窗体上显示出一个最简单的形状的过程
- 建立自己的网络电话服务器
- c# 枚举基础 与 枚举属性的访问
- 全文检索概念
- 搜索引擎优化
- Windows CE