<html>
<head>
</head>
<body style="height:400px">
<div id="div1">12312</div>
<script type="text/javascript">
documentgetElementById("div1")styleheight=documentbodystyleheight;
alert(documentgetElementById("div1")styleheight);
//如果body，没有设置样式，这个高度就为空
documentgetElementById("div1")styleheight=documentbodyclientHeight
alert(documentgetElementById("div1")styleheight);
//如果设置了样式，offsetHeight就等于样式的height否则等于clientHeight
documentgetElementById("div1")styleheight=documentbodyoffsetHeight
alert(documentgetElementById("div1")styleheight);
</script>
</body>
</html>
网页可见区域宽：documentbodyclientWidth;
网页可见区域高：documentbodyclientHeight;
网页可见区域高：documentbodyoffsetWidth
(包括边线的宽);
网页可见区域高：documentbodyoffsetHeight
(包括边线的宽);
网页正文全文宽：documentbodyscrollWidth;
网页正文全文高：documentbodyscrollHeight;
网页被卷去的高：documentbodyscrollTop;
网页被卷去的左：documentbodyscrollLeft;
网页正文部分上：windowscreenTop;
网页正文部分左：windowscreenLeft;
屏幕分辨率的高：windowscreenheight;
屏幕分辨率的宽：windowscreenwidth;
屏幕可用工作区高度：windowscreenavailHeight;
屏幕可用工作区宽度：windowscreenavailWidth;
你可以参考下面这个函数，这个函数是获取完整页面尺寸的函数（即你说的浏览器能看到的区域，不包括被滚动条卷去的区域）
-----------------------------js代码---------------------------------------------------------
<script>
function GetPageSize(){
var xScroll, yScroll;
if (windowinnerHeight && windowscrollMaxY) {
xScroll = documentbodyscrollWidth;
yScroll = windowinnerHeight + windowscrollMaxY;
} else if (documentbodyscrollHeight > documentbodyoffsetHeight){
xScroll = documentbodyscrollWidth;
yScroll = documentbodyscrollHeight;
} else {
xScroll = documentbodyoffsetWidth;
yScroll = documentbodyoffsetHeight;
}
var windowWidth, windowHeight;
if (selfinnerHeight) {
windowWidth = selfinnerWidth;
windowHeight = selfinnerHeight;
} else if (documentdocumentElement && documentdocumentElementclientHeight) {
windowWidth = documentdocumentElementclientWidth;
windowHeight = documentdocumentElementclientHeight;
} else if (documentbody) {
windowWidth = documentbodyclientWidth;
windowHeight = documentbodyclientHeight;
}
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
if(xScroll < windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;
}
alert(GetPageSize());
</script>
以上就是关于JS获取HTML页面的BODY的高度全部的内容，包括:JS获取HTML页面的BODY的高度、在html中，怎么获取当前页面body的高度，body是没有设置高度的，但是里面有内容、javascript如何获得网页可见区域的高度(不包括被滚动条卷去的内容) 就是你能看到的网页内容的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）