jquery里三種可以用來判斷iframe框架是否加載完成的方法的具體代碼,站長已經(jīng)親測過,絕對可用的。
站長今天總結(jié)了一下在jquery里可以用來判斷iframe框架里的頁面是否加載完成的三種方法,在這里分享給大家,希望能幫助到所有看到這篇文章的朋友們??!
假設我們的網(wǎng)頁里有這樣一個iframe框架:
<iframe id="IFrame" src="about:blank"></iframe>
在我們動態(tài)的給上面這個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下的節(jié)點都有onreadystatechange這個事件
if (iframe.readyState == "complete"){
alert("加載完畢");
}
};
}
三:用attachEvent來判斷:
var $iFrame=$("#IFrame");
$iFrame.prop("src","http://www.#");
if ($iFrame[0].attachEvent){
$iFrame[0].attachEvent("onload", function(){ // IE
alert("加載完畢");
});
} else {
$iFrame[0].onload = function(){ // 非IE
alert("加載完畢");
};
}
上面的這三種方法,站長自己親測過的,保證絕對可用的!??!
摘自 愛jQuery:http://www.aijquery.cn/Html/jqueryjiqiao/110.html