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.");    

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

      };  

}

上面的这三种方法，站长自己亲测过的，保证绝对可用的！！！

摘自  爱jQuery：http://www./Html/jqueryjiqiao/110.html