用 document.body.clientHeight代码段为什么不能正确显示出浏览器的高?

来源:9-18 浏览器窗口可视区域大小

日月星辰海

2015-04-20 17:05

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>

<body>

<script type="text/javascript">

/*法一

document.write(document.body.clientWidth+"<br>");

document.write(document.body.clientHeight);

*/

//法二

var w= document.documentElement.clientWidth

var h= document.documentElement.clientHeight

document.write("宽:"+w+"<br>"+"高:"+h)


</script>

</body>

</html>

以上代码中的法一不能够显示正确的浏览器高,是为什么?http://img.mukewang.com/5534c14e0001238f16280898.jpg

写回答 关注

3回答

  • 赵_鹏飞
    2015-04-20 17:35:14
    已采纳

    document.body.clientHeight 是获取body体的宽度,在你执行document.write(document.body.clientHeight)时,body体只有一行,所以你获取的只是一行高度 即18,有的是16

    日月星辰海

    非常感谢!

    2015-04-21 16:25:22

    共 1 条回复 >

  • Refactor易先生
    2015-10-08 17:38:28

    我的也是~~

  • moon_1002
    2015-06-02 12:30:30

    我的怎么高度显示为0呢??

    灵剑丹心37...

    估计你们把document.write("document.body.clientHeight :"+document.body.clientHeight +"<br />");写在了第一句吧,代码从上往下执行,一开始还没有任何内容就取body的高度,当然是0拉

    2017-04-26 16:27:53

    共 3 条回复 >

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题