js方法获取浏览器高度窗口的大小偏移量。

js方法获取浏览器高度窗口的大小偏移量。
如下所示:
screen.width
screen.height
screen.availheight / /获取状态栏的屏幕高度去除后
screen.availwidth / /获取状态栏的屏幕高度去除后
首先,通过浏览器获取屏幕的大小。

两。获取浏览器窗口内容的大小
高度
window.innerheight document.documentelement.clientheight document.body.clientheight | | | |

宽度
window.innerwidth document.documentelement.clientwidth document.body.clientwidht | | | |

* /
* window.innerheight FF / CH的支持,得到窗口的大小。
* document.documentelement.clientheight IE / CH支持
* document.body.client通过体元获取内容的大小

* /
三。滚动条的支持之间的差异

没有滚动条改变的页面,Firefox默认为HTML元素具有滚动条属性

但是Chrome认为身体是一个滚动条的属性。

所以兼容性是书面的:
document.documentelement.scrolltop document.body.scrolltop | |
四。获取元素的大小
elemnt.offsetwidth
elemnt.offsetheight

IE5不支持 / /只,放心使用吧
插图:
U3000 U3000

* offsetwidth可以获取的元素,包括:高度宽度+填充{左、右} { } +边界左,右

* offsetheight可以获取的元素包括:高度,宽度和填充的{顶、底} { } +底部顶部、底部

五。元素的属性
距离element.offsettop / /在这上面得到的参考元素的父元素的偏移
距离element.offsetleft / /得到的参考元素和它的父元素的偏移左边
参考element.offsetparent / /父母得到当前元素
* offsettop可以得到距离移位参考父元素的顶部从元件上水平。包括:保证金{顶} +顶

* offsetleft可以从元件上的水平移位参考父元素左获得距离。包括:保证金{左} +左

*请注意,offsetparent是IE6 / 7,并有一个与IE8 / / CH FF的兼容性问题:

在FF / / IE8浏览器+:

如果当前元素有一个位置,偏移引用父级是位于其上部的最近位置元素。

如果当前元素不位于,则该主体默认为最终引用父级。

在IE6 / 7:

无论它位于何处,它的偏移引用父级是它上级的父元素。

在一般uff1a

最后一个引用父元素是否是主体元素,所以兼容的方法是获取当前元素到主体元素的偏移值。

兼容的方法

功能getoffestvalue(元){

var;
VaR拓恒= elem.offsettop;
无功leftvalue = elem.offsetleft;
无功offsetfar = elem.offsetparent;

而(offsetfar){
警报(offsetfar。tagname)
拓恒= offsetfar.offsettop;
leftvalue = offsetfar.offsetleft;
Far = offsetFar;
offsetfar = offsetfar.offsetparent;
}
返回{顶:拓恒,右:leftvalue,'far:远}
}

*
*当前元素与主体元素顶部之间的距离。
*离开当前元素到体元素左侧的距离。
*返回最后引用父元素。
* /
上面的js得到浏览器窗口的高度,高度的单元尺寸和偏移属性是萧边共享你的全部内容。我希望能给你一个参考,希望你能支持它。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部