确定 iframe 的高度

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <iframe id="myframe" src="/index.html" height="250" width="450">
  6. <p>您的浏览器并不支持 iframe。</p>
  7. </iframe>
  8.  
  9. <p>单击按钮以显示 iframe 的高度。</p>
  10.  
  11. <button onclick="myFunction()">试一试</button>
  12.  
  13. <p id="demo"></p>
  14.  
  15. <script>
  16. function myFunction() {
  17.   var x = document.getElementById("myframe").height;
  18.   document.getElementById("demo").innerHTML = x;
  19. }
  20. </script>
  21.  
  22. </body>
  23. </html>