jquery里判断iFrame框架是否加载完成的三种方法亲测 原创

文章标签: jquery iframe
  • :
  • 06-26 14:37
  • :
  • 181次
  • :
  • 0条
  • 3赞

简介jquery里三种可以用来判断iframe框架是否加载完成的方法的具体代码,站长已经亲测过,绝对可用的。l

站长今天总结了一下在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 (!/*@[email protected]*/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("加载完毕");  
      };  
}

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



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-15 18:33:02