1. 程式人生 > >判斷 iframe 是否載入完畢

判斷 iframe 是否載入完畢

我能想到的有以下幾種方式:

方法一、jQuery load()

Js程式碼  收藏程式碼
  1. var frm = document.getElementById('myiframe');  
  2. $(frm).load(function(){                             //  等iframe載入完畢  
  3. dosomething();  
  4. });  

方法二、onreadystatechange

Js程式碼  收藏程式碼
  1. var iframe = document.createElement("myiframe");  
  2. iframe.src = "http://www.baidu.com"
    ;  
  3. if (!/*@[email protected]*/0) { //如果不是IE,IE的條件註釋  
  4.     iframe.onload = function(){     
  5.         alert("Local iframe is now loaded.");  
  6.     };  
  7. else {  
  8.     iframe.onreadystatechange = function(){ // IE下的節點都有onreadystatechange這個事件  
  9.         if (iframe.readyState == "complete"){  
  10.             alert("Local iframe is now loaded."
    );  
  11.         }  
  12.     };  
  13. }  
  14. document.body.appendChild(iframe);  

方法三、attachEvent

Js程式碼  收藏程式碼
  1. var iframe = document.createElement("iframe");  
  2. iframe.src = "http://www.baidu.com";  
  3. if (iframe.attachEvent){  
  4.     iframe.attachEvent("onload"function(){ // IE  
  5.         alert("Local iframe is now loaded.");  
  6.     });  
  7. else {  
  8.     iframe.onload = function(){ // 非IE  
  9.         alert("Local iframe is now loaded.");  
  10.     };  
  11. }  
  12. document.body.appendChild(iframe);