假设我们的网页里有这样一个iframe框架：

1
<iframe id="IFrame" src="about:blank"></iframe>

在我们动态的给上面这个iframe框架指定了src地址后，我们可以用下面这三种方法来判断页面是否加载完成：

用jquery里的load来判断：

1
2
3
4
5
var $iFrame=$("#IFrame");      
$iFrame.prop("src","http://www.aijquery.cn");    
$iFrame.load(function(){       
    alert("加载完毕");    
});

使用onreadystatechange来判断：

1
2
3
4
5
6
7
8
9
10
11
12
13
var $iFrame=$("#IFrame");
$iFrame.prop("src","http://www.baidu.com");
if (!/*@aijquery@*/0) { //如果不是IE，IE的条件注释  
    $iFrame[0].onload = function(){     
        alert("加载完毕"); 
    };  
}else{  
    $iFrame[0].onreadystatechange = function(){ // IE下的节点都有onreadystatechange这个事件  
        if (iframe.readyState == "complete"){  
            alert("加载完毕"); 
        }  
    };  
}

用attachEvent来判断：

1
2
3
4
5
6
7
8
9
10
11
var $iFrame=$("#IFrame");
$iFrame.prop("src","http://www.360.cn");
if ($iFrame[0].attachEvent){  
      $iFrame[0].attachEvent("onload", function(){ // IE  
          alert("加载完毕"); 
      });  
} else {  
      $iFrame[0].onload = function(){ // 非IE  
          alert("加载完毕");  
      };  
}

转载自 jquery里判断iFrame框架是否加载完成的三种方法