网页内容的高度和宽度，“内容”二字怎么理解？？

源自：9-19 网页尺寸scrollHeight

网页内容的高度和宽度，“内容”二字怎么理解？？

这个是输出结果：

669*8
669*34
669*958

以下是代码：

<!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+"*"+h+"<br>");


var w=document.documentElement.scrollWidth
var h=document.documentElement.scrollHeight
document.write(w+"*"+h+"<br>");

var w=document.body.scrollWidth;
var h=document.body.scrollHeight;
document.write(w+"*"+h+"<br>");
</script>
</body>    
</html>

提问者：DaWang 2015-08-14 11:27

个回答

axiba

2015-12-09 18:30:26

我的理解。
1、document.documentElement.scrollHeight|| document.body.scrollHeight;是判断语句。如果第一个有值就取第一个值。
2、为什么第二次是34，那是因为在输出第二行的时候文本高度就是在34左右（有2个像素误差）。
3、document.body.scrollHeight这个值是直接输出的整个浏览器高度

0
此ID又隐藏了

2015-08-18 10:27:57

至于为什么是8....因为默认了...你可以打开f12查看

0
此ID又隐藏了

2015-08-18 10:27:02

首先在获取内容之前，你输出的语句的第一个值就是8，之后再输出语句时，因为有了内容了，所以会输出34，高度被改变了

0
此ID又隐藏了

2015-08-14 11:58:33

就拿你这里的例子，内容就是body里的东西

0