判断 iframe 是否加载完毕

来源:互联网 发布:阿里云金牌 编辑:程序博客网 时间:2024/04/29 06:32

方法一、jQuery load()

Js代码 
//根据id获取iframe
  1. var frm = document.getElementById('myiframe');
  2. //利用jQuery来判断iframe是否已经加载完毕  
  3. $(frm).load(function(){//等iframe加载完毕  
  4.     //这里就是ifram加载完后做的事情
  5.   
  6. });  
  7. 方法二、onreadystatechange

     

    Js代码  
    1. var iframe = document.createElement("myiframe");  
    2. iframe.src = "http://www.baidu.com";  
    3. if (!/*@cc_on!@*/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.   
    4. if (iframe.attachEvent){  
    5.     iframe.attachEvent("onload"function(){ // IE  
    6.         alert("Local iframe is now loaded.");  
    7.     });  
    8. else {  
    9.     iframe.onload = function(){ // 非IE  
    10.         alert("Local iframe is now loaded.");  
    11.     };  
    12. }  
    13.   
    14. document.body.appendChild(iframe);  

0 0
原创粉丝点击