如下所示:
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得到浏览器窗口的高度,高度的单元尺寸和偏移属性是萧边共享你的全部内容。我希望能给你一个参考,希望你能支持它。