jquery怎么判断iframe是否加载完成？

jquery怎么判断iframe是否加载完成？下面本篇文章给大家介绍一下在jquery里可以用来判断iframe框架里的页面是否加载完成的三种方法，希望对大家有所帮助。

在jquery里判断iframe框架里的页面是否加载完成的方法

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

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

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

一：用jquery里的load来判断：

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

二：使用onreadystatechange来判断：

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来判断：

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("加载完毕");  
      };  
}

更多web前端开发知识，请查阅 HTML中文网！！

以上就是jquery怎么判断iframe是否加载完成？的详细内容，更多请关注易知道|edz.cc其它相关文章！