                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

"网页内容实际高度小于 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

源自：JavaScript进阶篇 9-19

关注问题我要回答

1390

操作

收起

2 回答

arlenhui
2015-07-22

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

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

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