JS获取body的高度_框架

1、documentbodyclientWidth;//网页可见区域宽

2、documentbodyclientHeight;//网页可见区域高

3、documentbodyoffsetWidth;//网页可见区域宽(包括边线的宽)

4、documentbodyoffsetHeight;//网页可见区域高(包括边线的高)

5、documentbodyscrollWidth;//网页正文全文宽

6、windowscreenavailHeight;//屏幕可用工作区高度

7、windowscreenavailWidth;//屏幕可用工作区宽度

8、alert($(documentbody)outerWidth(true));//浏览器时下窗口文档body的总宽度包括border padding margin

9、alert($(documentbody)width());//浏览器时下窗口文档body的高度

扩展资料：

1、alert($(window)height()); //浏览器时下窗口可视区域高度

2、alert($(document)height()); //浏览器时下窗口文档的高度

3、alert($(documentbody)height());//浏览器时下窗口文档body的高度

4、alert($(documentbody)outerHeight(true));//浏览器时下窗口文档body的总高度包括border padding margin

5、alert($(window)width()); //浏览器时下窗口可视区域宽度

6、alert($(document)width());//浏览器时下窗口文档对于象宽度

7、alert($(document)scrollTop()); //获取滚动条到顶部的垂直高度

8、alert($(document)scrollLeft()); //获取滚动条到左边的垂直宽度

function AdjustColumnsHeight() {

var mainCol = windowdocumentgetElementById('MainColumn');

var leftCol = windowdocumentgetElementById('MainLeft');

var rightCol = windowdocumentgetElementById('MainRight');

var hMainCol = mainCol offsetHeight;

var hLeftCol = leftColoffsetHeight;

var hRightCol = rightColoffsetHeight;

var maxHeight = Mathmax( hMainCol , Mathmax(hLeftCol, hRightCol));

mainColstyleheight = maxHeight + 'px';

leftColstyleheight = maxHeight + 'px';

rightColstyleheight = maxHeight + 'px';

}

上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。

var width = documentbodyscrollHeight;

//获取屏幕高度

documentgetElementById("//自己设置个id 用bytagname会有兼容问题")stylemargin-top

javascript获取div的class中设置的宽高度：

高度（offsetHeight）：

<head><title>用js获取div的高度</title></head>

#box{border:1px solid #ff0000;width:200px; }

</style>

function jj(){

var pp=documentgetElementById("box")offsetHeight;

alert(pp);

}

</script>

<body>

</div>

</body>

宽度（offsetWidth）：

<head><title>用js获取div的高度</title></head>

#box{border:1px solid #ff0000;width:200px; }

</style>

function jj(){

var pp=documentgetElementById("box")offsetWidth;

alert(pp);

}

</script>

<body>

</div>

</body>

以上就是关于JS获取body的高度全部的内容，包括:JS获取body的高度、如何用js获取div的高度、js 怎么根据获取到的可用屏幕高度设置div的marginTop等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/9711516.html

JS获取body的高度

发表评论

评论列表（0条）