h3为什么等于0？注意看下哈，body里面有内容

源自：9-18 浏览器窗口可视区域大小

<!DOCTYPE HTML>

<html>

<head>

*{margin:0;padding:0;}

/*清楚body和浏览器窗口的margin后，w3和w1,w2就相等了*/

h3,p{ text-indent:30px;}

</style>

</head>

<body>

var h1=window.innerHeight;

var h2=document.documentElement.clientHeight;

var h3=document.body.clientHeight;

//这个0没有解决？为什么

var w1=window.innerWidth;

var w2=document.documentElement.clientWidth;

var w3=document.body.clientWidth;

//w3没有计算body和浏览器窗口的margin,所以与w2\w1不等；w1和w2是一样的；

document.write(h1+"<br />");

document.write(h2+"<br />");

document.write(h3+"<br />");

document.write(w1+"<br />");

document.write(w2+"<br />");

document.write(w3+"<br />");

</script>

<div>

<h3>clientHeight</h3>

<p>大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。</p>

<p>clientHeight 就是透过浏览器看内容的这个区域高度。</p>

</div>

</body>

</html>

提问者：慕粉18221508921 2016-10-09 14:50