方法二的结果不一样?

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

慕粉1859536052

2017-04-14 14:32

<script type="text/javascript">

// 方法一

var w=document.documentElement.clientWidth

var h=document.documentElement.clientHeight

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

document.write("高:"+h);


// 方法二

// var w=document.body.clientWidth

// var h=document.body.clientHeight

// document.write("宽:"+w+"<br>");

// document.write("高:"+h);


// 方法三

// document.write("宽:"+innerWidth+"<br>");

// document.write("高:"+innerHeight);

</script>


写回答 关注

2回答

  • 慕运维4385164
    2017-08-10 11:43:09

    第二个<body>的高是根据body中的内容变化的, 而第二个的宽比第一个的宽你会发现少了16px, 这是因为body和浏览器之间默认有8px的margin值

  • jiusanjiusan
    2017-04-15 21:54:12

    第二个是对应dody标签的高宽阿

    吉夫 回复慕粉1859...

    应该不是兼容性的问题,第二个是用到<body>元素的宽和高,而body元素的高是由其内容决定的,body里面的内容越多body的高度就越高,不信你可以在body里面插入比如<p>内容内容</p>之类的试试,你会发现body的高度改变了。

    2017-07-17 01:49:29

    共 2 条回复 >

JavaScript进阶篇

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

468375 学习 · 21893 问题

查看课程

相似问题