两种方法结果不同

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

weibo_万恶的土豆块o_O_0

2017-07-21 15:40

<!DOCTYPE HTML>

<html>

<head>

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

</head>

<body>

<script type="text/javascript">

   var h=window.innerHeight;

   var w=window.innerWidth;

   document.write("浏览器的高:"+h+"<br>浏览器的宽:"+w+"<br>");

   var h1=document.body.clientHeight;

   var w1=document.body.clientWidth;

   document.write("浏览器的高:"+h1+"<br>浏览器的宽:"+w1);

</script>

</body>

</html>

结果:

浏览器的高:600
浏览器的宽:370
浏览器的高:36
浏览器的宽:354

为什么两个结果不一样,还差这么多?

写回答 关注

2回答

  • 慕运维4385164
    2017-08-10 11:41:22

    body和浏览器之间有一个默认的8px的margin, 所以354px加上左右两个8px的margin就是370px了

  • qq_苏城丶小呆_0
    2017-07-21 15:47:50

    一个你获取你浏览器窗口的大小,一个是获取你dom下body的大小。

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题