问答详情
源自:9-19 网页尺寸scrollHeight

"网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 。" 教程上是这么说的,然而下面的代码好像打脸了。。谁能告诉我为啥啊?多谢!

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body>
<script type="text/javascript">
document.write(document.body.scrollWidth + "<br>");
document.write(document.body.scrollHeight + "<br>");
document.write(document.body.clientWidth + "<br>");
document.write(document.body.clientHeight + "<br>");
</script>
</body>   
</html>

提问者:海贼12345 2015-07-21 19:22

个回答

  • arlenhui
    2015-07-22 09:19:09

    不同浏览器存在不同效果。

    var bodyW = document.documentElement.clientWidth||document.body.clientWidth;
    var bodyH = document.documentElement.clientHeight||document.body.clientHeight;

    //body的宽高,body是IE7之前的版本。