资源描述:
《基于js判断iframe是否加载成功的方法(多种浏览器)》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解基于JS判断iframe是否加载成功的方法(多种浏览器) 这篇文章主要介绍了基于JS判断iframe是否加载成功的方法【多种浏览器】的相关资料,需要的朋友可以参考下 在项目中经常要动态添加iframe,然后再对添加的iframe进行相关操作,而往往iframe还没添加完呢,后边的代码就已经执行完了,所以有些你写的东西根本没有显示出来。这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看
2、下面: ie浏览器 IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内容发送变化的时候触发,比如内容正在载入loading会触发,内容载入完毕loaded会触发,内容载入成功complete会触发,这个函数还需要配合readyState,这是ie上每个elem都拥有的属性,用来查看每次触发时候的状态。 //先为iframe添加一个onreadystatechange iframe.attachEvent("onreadystatechange",function(){ //此事件在内容没有被载入时候也会被触发,所以我们
3、要判断状态对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 //有时候会比较怪异readyState状态会跳过complete所以我们loaded状态也要判断 if(iframe.readyState==="complete"
4、
5、iframe.readyState=="loaded"){ //代码能执行到这里说明已经载入成功完毕了 //要清除掉事件 if
6、rame.detachEvent("onreadystatechange",arguments.callee); //这里是回调函数 } }); 其他浏览器(Firefox,Opera,chrome等) 在其他非IE的浏览器上Firefox,Opera,chrome等iframe都会拥有一个onload事件,此事件只要触发就说名内容已经加载完毕。 iframe.addEventListener("load",function(){ //代码能执行到这里说明已经载入成功完毕了 this.removeEventListener("load",arguments.ca
7、ll,false); //这里是回调函数 },false); 综合一下对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 if(iframe.attachEvent){ iframe.attachEvent("onreadystatechange",function(){ //此事件在内容没有被载入时候也会被触发,所以我们要判断状态 //有时候会比较怪
8、异readyState状态会跳过complete所以我们loaded状态也要判断 if(iframe.readyState==="complete"
9、
10、iframe.readyState=="loaded"){ //代码能执行到这里说明已经载入成功完毕了 //要清除掉事件 iframe.detachEvent("onreadystatechange",arguments.callee); //这里是回调函数 } }); }else{ iframe.addEventListener("load",function(){ //代码能执行到这里说明已经载入成功完毕
11、了 this.removeEventListener("load",arguments.call,false); //这里是回调函数对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 },false); } 注意:上面的函数必须放在iframe被appendChild到