当前位置: 代码迷 >> Web前端 >> [原创+转载]iframe 的加载状态跟事件的绑定
  详细解决方案

[原创+转载]iframe 的加载状态跟事件的绑定

热度:645   发布时间:2012-11-22 00:16:41.0
[原创+转载]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---------

  相关解决方案