Javascript的等待页面

最新推荐文章于 2020-04-10 17:31:16 发布

tap2008

最新推荐文章于 2020-04-10 17:31:16 发布

阅读量412

点赞数

分类专栏： Ajax 文章标签： JavaScript Blog ViewUI

Ajax 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在网上找了好久，找到了一个不是假的等待页面（注明转载），他使用一个隐藏的
iframe，预先加载在iframe里面，也就放入了缓存里面。使用户有更好的体验。
[code]
<html>
<head>
<title></title>
<script type="text/javascript">
var url = http://blog.donews.com/limodou/archive/2005/06/21/439285.aspx';
</script>
<style>
.loading-indicator {
font-size:8pt;
background-image:url(../images/loading/loading.gif);
background-repeat: no-repeat;
background-position:top left;
padding-left:20px;
height:18px;
text-align:left;
}
#loading{
position:absolute;
left:45%;
top:40%;
border:3px solid #B2D0F7;
background:white url(../images/loading/block-bg.gif) repeat-x;
padding:10px;
font:bold 14px verdana,tahoma,helvetica;
color:#003366;
width:180px;
text-align:center;
}
</style>
<div id="loading">
<div class="loading-indicator">
页面正在加载中...
</div>
</div>
</head>
<body οnlοad="location.href = url;" style="overflow:hidden;overflow-y:hidden">
</body>
<script>
if(document.layers) {
document.write('<Layer src="' + url + '" visibility="hide"></Layer>');
}
else if(document.all || document.getElementById) {
document.write('<iframe src="' + url + '" style="visibility:hidden;"></iframe>');
}
else {
location.href = url;
}
</script>
</html>
[/code]

如果大家有更好的方法，欢迎不吝赐教！

tap2008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript的等待页面

在网上找了好久，找到了一个不是假的等待页面（注明转载），他使用一个隐藏的iframe，预先加载在iframe里面，也就放入了缓存里面。使用户有更好的体验。[code] var url = http://blog.donews.com/limodou/archive/2005/06/21/439285.aspx'; .loading-indica...
复制链接

扫一扫