兩種方法結(jié)果不同
<!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>
結(jié)果:
瀏覽器的高:600
瀏覽器的寬:370
瀏覽器的高:36
瀏覽器的寬:354
為什么兩個結(jié)果不一樣,還差這么多?
2017-08-10
body和瀏覽器之間有一個默認(rèn)的8px的margin, 所以354px加上左右兩個8px的margin就是370px了
2017-07-21
一個你獲取你瀏覽器窗口的大小,一個是獲取你dom下body的大小。