                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

為什麼用不同代碼獲取網頁內容高度，會有這些差異？

<body>
<script type="text/javascript">
  var w1 = document.documentElement.scrollWidth;
  var h1 = document.documentElement.scrollHeight;
  document.write(w1 + "*" + h1 + "<br />"); //結果為370*8

  var w2 = document.body.scrollWidth;
  var h2 = document.body.scrollHeight;
  document.write(w2 + "*" + h2 + "<br />"); //結果為370*600

  var w3 = document.documentElement.scrollWidth
  || document.body.scrollWidth;
  var h3 =document.documentElement.scrollHeight
  || document.body.scrollHeight;
  document.write(w3 + "*" + h3 + "<br />"); //結果為370*52

  var w4 = document.documentElement.clientWidth;
  var h4 = document.documentElement.clientHeight;
  document.write(w4 + "*" + h4 + "<br />"); //結果為370*600

  var w5 = document.body.clientWidth;
  var h5 = document.body.clientHeight;
  document.write(w5 + "*" + h5 + "<br />"); //結果為354*72

  var w6 = window.innerWidth;
  var h6 = window.innerHeight;
  document.write(w6 + "*" + h6 + "<br />"); //結果為370*600

  var w7 = window.innerWidth
  || document.documentElement.clientWidth
  || document.body.clientWidth;
  var h7 = window.innerHeight
  || document.documentElement.clientHeight
  || document.body.clientHeight;
  document.write(w7 + "*" + h7); //結果為370*600
</script>
</body>