【原】iframe 的加载状态和事件的绑定

发表于 2011 年 1 月 20 日由 pswzyu

使用jquery，需要iframe的dom加载完成开始执行的脚本，可以绑定在
jQuery(iframe_dom.contentDocument).ready(function(){
alert(“ready”);
}); // 跨浏览器参见访问iframe

需要等iframe 内容完全加载完成，可以绑定：
iframe_jq.load(function(){ // 绑定加载完成之后的动作
alert(“complete”);
});
或是
iframe_dom.onload();

根据 iframe 状态的改变进行事件处理：
转载自：http://www.cnblogs.com/micheng11/archive/2009/03/31/1425883.html

<div id="load" align="center">
    <img src="http://sc.cnwebshow.com/upimg/allimg/070707/01294420.gif" alt="" /> loading
</div>
<!-- 首先放一个div，用做loading效果 -->
 
<iframe id="demo" src="http://www.****.com" frameborder="0" marginheight="0" scrolling="no" width="100%" height="800"></iframe>
<!-- src 里面放你想要的网页-->
 
<script type="text/javascript">
    var a = document.getElementById("demo");
    var b = document.getElementById("load");
    a.style.display ="none"; //隐藏
    b.style.display ="block"; //显示
    a.onreadystatechange = function() {
        if (this.readyState=="complete") {//最近才知道的。不然也写不出来.
            // 解释：一个iframe加载完毕的状态是complete,
            // 就象xmlhttp里的那个==4一样,这些都是规定的
            b.innerHTML ="load complete!";
            b.style.display ="none";
            a.style.display ="block";
        }
    }
</script>

此条目发表在 HTML/Javascript/CSS 分类目录。将固定链接加入收藏夹。

发表评论取消回复