首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在页面刷新时显示加载图像

在页面刷新时显示加载图像
EN

Stack Overflow用户
提问于 2009-08-11 03:29:35
回答 2查看 4K关注 0票数 0

我有一个javascript代码片段,一旦有人点击了某个特定的链接,它就会强制使用.reload(true)重新加载页面。当页面刷新时,我如何显示一个简单的“加载”图像?

(如果有帮助的话,已经在页面上使用了jquery )

EN

回答 2

Stack Overflow用户

发布于 2009-08-11 05:03:39

票数 1
EN

Stack Overflow用户

发布于 2009-08-11 03:45:01

你没有指定你想要加载图像的位置。如果你想让图像本身“变成”一个加载图像,首先要把你的图像装饰一新:

代码语言:javascript
代码运行次数:0
运行
复制
<img class="cl"
     src="loading.gif"
     onload="if(!this._done){this._done=true;this.src='real.jpg';}"/>

然后,在调用.reload之前,执行以下操作:

代码语言:javascript
代码运行次数:0
运行
复制
$('img.cl').attr('src','loading.gif');

另一方面,如果您想将它放在一个固定的位置,只需这样做,但将该div标记为隐藏,如下所示:

代码语言:javascript
代码运行次数:0
运行
复制
<div id="rl">loading <img src="loading.gif"/></div>
<noscript><style>
#rl {display:none;}
</style></noscript>
<script><!--
document.write("<style>\ndiv#rl {display:block;}\n</style>");
$('#rl').hide();
//--></script>

(也许你也会把rl放在某个地方)

然后,在调用reload之前,只需重新显示它:

代码语言:javascript
代码运行次数:0
运行
复制
$('#rl').show();
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1258348

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档