IFrame 加载网页完成事件

来源:互联网 发布:硝酸甘油软膏 知乎 编辑:程序博客网 时间:2024/05/23 18:55

今天,需要用到IFrame, 且用法比较特别,两个IFrame在同一个网页上,且需要加载完成一个IFrame后,才开始加载令一个IFrame,所以用到了IFrame加载完成的方法。把网上的资料整理如下: 


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <script type="text/javascript">  
  5.     var iframe;  
  6.     function load() {  
  7.         iframe = document.getElementById("iframe");  
  8.         iframe. onload = iframeonreadystatechange = iframeload;   
  9.         iframe.src = "http://www.baidu.com";  
  10.     }  
  11.     function iframeload() {  
  12.         if (!iframe.readyState || iframe.readyState == "complete") {  
  13.             alert("Local iframe is now loaded.");  
  14.         }  
  15.     }  
  16. </script>  
  17. </head>  
  18. <body onload="load()">  
  19.     <iframe id="iframe"></iframe>  
  20. </body>  
  21. </html>  


0 0