方法二的结果不一样?

来源: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...

    我用的是<!DOCTYPE HTML>,是否跟兼容性有关呢?

    2017-04-15 22:25:50

    共 2 条回复 >

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题