为了账号安全,请及时绑定邮箱和手机立即绑定

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

这个是输出结果:

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>


正在回答

6 回答

我的理解。

1、document.documentElement.scrollHeight|| document.body.scrollHeight;是判断语句。如果第一个有值就取第一个值。

2、为什么第二次是34,那是因为在输出第二行的时候文本高度就是在34左右(有2个像素误差)。

3、document.body.scrollHeight这个值是直接输出的整个浏览器高度

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
#1

武庚_Rehan

默认是8px,是因为部分浏览器规定网页内容的magin为8px吧
2015-11-07 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
#1

DaWang 提问者

那为什么H结果为8??
2015-08-14 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信