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

［原创＋转载］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－－－－－－－－－