firefox、IE之部分属性用法区别
2012-08-03 14:23
141 查看
1.有关style的单位问题
在IE下设置obj.style.left时可以不需要加单位,但是发现在firefox上动态定位需要叫上"px"才有效果,即改成obj.style.left = x + "px";2.烦人的offsetParent和offsetLeft问题
当某个元素的父元素进行了CSS定位时(absolute或者relative),则这个元素的offsetParent属性的取值为其父元素。更确切地说,这个元素的各种偏移量计算(offsetTop、offsetLeft等)的参照物为其父元素。当只有某个元素进行了CSS定位,其父元素及其DOM结构层次上都未进行CSS定位时,则这个元素的offsetParent属性的取值为HTMLBODYElement。更确切地说,这个元素的各种偏移量计算(offsetTop、offsetLeft等)的参照物为Body元素。
所以在获取offetLeft的时候,作如下的判断
if(obj.offsetParent.tagName.toLowerCase() != 'body') objLeft =obj.getBoundingClientRect().left; else objLeft = obj.offsetLeft;不过据说IE8,Opera 以及特殊情况的IE6IE7里面
如果通过elemnt.offsetParent element.offsetLeftelement.offsetTop计算页面元素位置需要在每一次循环中减去borderLeftWidth和borderTopWidth的值
3.firefox中获取event
在网上看了很多例子大同小异,基本上都是采用传递一个参数来捕获的,但是今天测试了一下并不起作用,在百度文库上找到一篇文章发现这个方法确实有用,这里贴出来供大家共同学习arguments.callee.caller.arguments[0].target
相关文章推荐
- IE与firefox之jquery用法区别
- js操作标签属性,IE与Firefox有区别
- IE和firefox在JS用法方面的区别
- IE和firefox在JS用法方面的区别
- 讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
- 讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
- IE和firefox在JS用法方面的区别
- IE/Firefox在部分CSS参数上的细小区别
- 无缝滚动;flash播放器代码(网站使用);QQ帮助代码;Js添加属性IE和firefox的区别
- JS在IE与firefox下用法之区别
- IE与firefox之jquery用法区别
- IE和firefox在JS用法方面的区别
- 讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
- JavaScript/Js脚本处理html元素的自定义属性(兼容Firefox和IE)
- JS代码在IE和Firefox间的区别(独家搜集归纳整理,持续更新中)
- JS代码在IE和Firefox间的区别
- [转]firefox中实现IE的方法属性
- CSS 属性 :before && :after的用法,伪类和伪元素的区别
- js选择不同浏览器点击收藏夹功能(主要是 IE与firefox的区别)
- 兼容IE,Firefox,CSS3 opacity透明度-FireFox 3.5+不支持-moz-opacity属性