                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么高输出为0？

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

document.write("当前窗口宽："+document.body.clientWidth+"<br />"+"当前窗口高："+document.body.clientHeight);

</script>

</body>

</html>

DOFOR

2017-08-08

源自：JavaScript进阶篇 9-18

关注问题我要回答

1023

操作

收起

2 回答

Sam7Joker 回答被采纳 +2 积分
2017-08-08

因为你body没有内容，body没有被撑开高度就是0；

注意：document.write（）添加的内容不会实际写入body中
你在body中随便打些数字就有高度了

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

收起回答

DOFOR 提问者

非常感谢！

2017-08-08 回复有任何疑惑可以回复我~

慕圣9424722

如果document.write（）添加的内容不会实际写入body中, 那下面代码中document.body.clientHeight为什么有值呢，他显示的是前两段代码输出后的高度。 <script type="text/javascript"> document.write(window.innerHeight+"<br>"+window.innerWidth+"<br>") document.write(document.body.clientWidth+"<br>"+document.body.clientHeight+"<br>") </script>

2017-08-22 回复有任何疑惑可以回复我~

慕圣9424722

document.write(window.innerHeight+"<br>"+window.innerWidth+"<br>") document.write(document.documentElement.clientHeight+"<br>"+document.documentElement.clientWidth+"<br>") document.write(document.body.clientWidth+"<br>"+document.body.clientHeight+"<br>")

2017-08-22 回复有任何疑惑可以回复我~

查看1条回复

weibo_呐呢1987_0
2017-08-08

不兼容；

兼容写法：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript">
var w=document.body.clientWidth||document.documentElement.clientWidth;
var h=document.body.clientHeight||document.documentElement.clientHeight;
document.write("当前窗口宽："+w+"<br>"+"当前窗口高："+h);

</script>
</body>
</html>