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

来源:9-19 网页尺寸scrollHeight

海贼12345

2015-07-21 19:22

<!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>

写回答 关注

1回答

  • 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之前的版本。


JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题