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
为什么两个结果不一样,还差这么多?
body和浏览器之间有一个默认的8px的margin, 所以354px加上左右两个8px的margin就是370px了
一个你获取你浏览器窗口的大小,一个是获取你dom下body的大小。
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题