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

首页课程实战体系课手记专栏慕课教程

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

来源：9-19 网页尺寸scrollHeight

DaWang

2015-08-14 11:27

这个是输出结果：

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>

写回答关注

4回答

axiba

2015-12-09 18:30:26

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

0 0
此ID又隐藏了

2015-08-18 10:27:57

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

1 0

武庚_Reh...

默认是8px，是因为部分浏览器规定网页内容的magin为8px吧

2015-11-07 08:37:48

共 1 条回复 >
此ID又隐藏了

2015-08-18 10:27:02

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

0 0
此ID又隐藏了

2015-08-14 11:58:33

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

1 0

DaWang

那为什么H结果为8？？

2015-08-14 17:28:29

共 1 条回复 >

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题

浏览器兼容性的两种方法得到网页内容宽度和高度的值不同？

回答 3

网页内容实际高度小于 clientHeight 时，scrollHeight 返回 clientHeight ?

回答 3

高度和宽度都为0

回答 2

为什么定义的宽度和高度在新打开的网页里显示不了？

回答 3

在FF和IE中的高度都不变，但是在chrome中高度会随着内容增加而变化？

回答 1

打开慕课网App查看更多内容