scrollHeight和scrollWidth,获取网页内容高度和宽度不正确

问题如下图所示,高度明显不正确,请问问题出在哪,希望能给出详细解释。另外,希望能再具体解释下document.documentElement.clientHeight、window.innerHeight、document.documentElement.scrollHeight及document.body.clientHeight之间的关系,发现document.body.clientHeight和document.documentElement.scrollHeight的值不随浏览器窗口大小改变,其他的两个随窗口大小改变,两值相同。感谢!

http://img.mukewang.com/57bd44440001377f05930422.jpg

具体代码:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
</head>
<body>
<script type="text/javascript">
    var w=document.documentElement.scrollWidth || document.body.scrollWidth;
    var h=document.documentElement.scrollHeight || document.body.scrollHeight;
    document.write("网页的实际宽度:"+w+"px"+"<br>");
    document.write("网页的实际高度:"+h+"px"+"<br>");
</script>
</body>    
</html>


year1233
浏览 2916回答 1
1回答

幸福拾荒者

可以用window获取
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript