浏览器窗口的一些问题-慕课网

浏览器窗口的一些问题

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

guaguaerhao

2016-09-06 11:40

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
*{
margin:0;padding:0;}

</style>
</head>
<body>
<script type="text/javascript">
document.write(document.body.clientWidth);
document.write(' ');
document.write(document.body.clientHeight);
</script>
</body>
</html>

为什么这个一直都是

document.write(document.body.clientHeight);

18像素或者22像素？

写回答关注

4回答

小丑鱼yang

2016-09-08 18:02:16

已采纳

你body里面没有东西，计算的是body的高度。

1 0

guagua...

非常感谢！

2016-09-09 00:00:54

共 1 条回复 >
小丑鱼yang

2016-09-08 18:01:24

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript">
var ww = window.innerWidth;
var wh = window.innerHeight;
document.write(ww+'*'+wh+'<br />');

var dw = document.documentElement.clientWidth;
var dh = document.documentElement.clientHeight;
document.write(dw+'*'+dh+'<br />');

var bw = document.body.clientWidth;
var bh = document.body.clientHeight;
document.write(bw+'*'+bh+'<br />');

var w = document.documentElement.clientWidth || document.body.clientWidth;
var h = document.documentElement.clientHeight || document.body.clientHeight;
document.write(w+'*'+h+'<br />');

var tw = window.innerWidth || document.body.clientWidth;
var th = window.innerHeight || document.body.clientHeight;
document.write(tw+'*'+th+'<br />');

var tw = window.innerWidth || document.documentElement.clientWidth;
var th = window.innerHeight || document.documentElement.clientHeight;
document.write(tw+'*'+th+'<br />');

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

0 0
guaguaerhao

2016-09-07 11:17:56

。。有意思吗？！哥们？

0 0
qq_大雄_7

2016-09-06 20:12:10

dsdsd

0 0

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题

浏览器窗口可视区域大小的问题

回答 2

浏览器窗口可视区域

回答 2

回答 2

回答 2

回答 1