显示加载gif，直到脚本加载。
显示加载gif，直到脚本加载。
提问于 2016-02-23 18:32:44
我想显示一个加载图标gif，直到脚本完全加载，这是可能的吗？
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<img src="loading.gif">我认为有必要使用jquery。但我不知道该怎么做。有人能帮我吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-02-23 18:41:43
- 显示图像
<img src="loading.gif"> - 在dom就绪删除元素上。
$(document).ready(function () { $('img').remove(); })
Stack Overflow用户
发布于 2016-02-23 18:42:39
即使没有jQuery，也可以完成：
<img id="loading" src="loading.gif">
<script onload="javascript:document.getElementById('loading').style.display='none'" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> </script>Stack Overflow用户
发布于 2016-02-23 18:43:40
是的你可以。您可以使用这个函数来加载脚本并触发回调。在你的回访中，你把礼物藏起来。
function loadScript( url, callback) {
var script = document.createElement( "script" )
script.type = "text/javascript";
if(script.readyState) { //IE
script.onreadystatechange = function() {
if ( script.readyState === "loaded" || script.readyState === "complete" ) {
script.onreadystatechange = null;
callback();
}
};
} else { //Others
script.onload = function() {
callback();
};
}
script.src = url;
document.getElementsByTagName( "head" )[0].appendChild( script );
}因此，在HTML中，您的gif最初会出现。然后，在onload函数中添加以下代码：
<script>
window.onload = function(){
loadScript('https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js', function(){
$('.gif-selector').hide();
})
}
</script>编辑:这是一个比其他人提供的更复杂的解决方案，也许如果你的目标非常简单，你应该使用其他一些。不过，这个功能很好用，我在我的许多项目中都使用过它。最好的做法是，您可以选择在任何时候加载脚本
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35585419
复制相关文章
相似问题
腾讯云开发者
