js等待加载效果2

标签: js 等待 加载 | 发表时间:2012-08-06 13:15 | 作者:junmoxie
出处:http://blog.csdn.net

实例可以直接运行查看效果。很方便快捷

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<style type="text/css">
<!--
*{margin:0;padding:0;}
.ifr_div{width:600px;height:600px; position:relative;}
.ifr_div img{ vertical-align:middle;}
.proccess{border:0px solid;border-color:#009900;height:600px;line-height:600px;width:600px;text-align:center;background:#eee;margin:0;position:absolute;top:0;left:0;}
.proccess b{vertical-align:middle;background:url(http://ok22.org/upload/images/20110902143538381.gif) no-repeat 0 center;padding-left:35px;display:inline-block;}
-->
</style>
</head>
<body>
<div class="ifr_div">
	<div class="proccess" id="loading"><b>正在加载中。。。</b></div>
	<iframe id="sfa" name="sfa" frameborder="0" scrolling="auto" height="600" width="600"></iframe>
</div>
<script language="JavaScript">
var iframe = document.getElementById("sfa"); 
iframe.src = "http://www.ok22.org"; 
if (iframe.attachEvent){ 
	iframe.attachEvent("onload", function(){
	document.getElementById("loading").style.display="none";
	}); 
} else { 
	iframe.onload = function(){
	document.getElementById("loading").style.display="none";
	}; 
} 
</script>
</body>
</html>




作者:junmoxie 发表于2012-8-6 13:15:51 原文链接
阅读:0 评论:0 查看评论

相关 [js 等待 加载] 推荐:

js等待加载效果2

- - CSDN博客推荐文章
实例可以直接运行查看效果.
正在加载中. 作者:junmoxie 发表于2012-8-6 13:15:51 原文链接. 阅读:0 评论:0 查看评论.

JS文件加载失败处理

- never-online - Kejun&#39;s Blog
浏览器的文件加载实际上是有非常纠结的兼容问题的. 最近看到@lifesinger做了一个具体的总结. 这里比较麻烦的是IE6~8不区分加载成功或失败,都走一个回调. 在网上看了一种解决方案是,在加载文件的最后置一个全局变量或改变标签的属性来区分,这样成功与否就通过这个标志位判断. 但显然不太完美,还要改加载文件.

js并行加载,顺序执行

- - JavaScript - Web前端 - ITeye博客