［原创＋转载］iframe 的加载状态和事件的绑定

使用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"
/> loading

</div>
<!-- 首先放一个div，用做loading效果 -->

<iframe id="demo" src="http://www.****.com" width="100%" height="800" frameborder="0" scrolling="no"marginheight="0"></iframe>
<!-- src 里面放你想要的网页-->

<script type="text/javascript"> 

//<![CDATA[ 

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>

 

 

－－－－－－－－－－－EOF－－－－－－－－－