onresize - 当浏览器窗口大小被调整时

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function myFunction() {
  6.   var w = window.outerWidth;
  7.   var h = window.outerHeight;
  8.   var txt = "Window size: width=" + w + ", height=" + h;
  9.   document.getElementById("demo").innerHTML = txt;
  10. }
  11. </script>
  12. </head>
  13.  
  14. <body onresize="myFunction()">
  15.  
  16. <p>请尝试调整浏览器窗口的大小。</p>
  17.  
  18. <p id="demo">??</p>
  19.  
  20. <p><b>注意：</b>此例在 IE8 及更早版本中无法正常工作。IE8 及更早版本不支持 window 对象的 outerWidth/outerHeight 属性。</p>
  21.  
  22. </body>
  23.  
  24. </html>