html页面异步加载时，显示预加载

最新推荐文章于 2024-04-30 16:07:33 发布

yangliLicy

最新推荐文章于 2024-04-30 16:07:33 发布

阅读量1.9k

点赞数

文章标签：预加载 loading

本文链接：https://blog.csdn.net/licyXiaobaiyang/article/details/52860863

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no"/>
<meta name="description" content="">
<meta name="keywords" content="">
<title>html页面异步加载时，显示预加载</title>
</head>

<div id="loading_span" class="loading" style="display: none;"><img src="/images/im/loading.gif"></div>

//异步加载loading
$(document).ajaxStart(function(){
$('#loading_span').show()

}).ajaxStop(function(){
$('#loading_span').hide()

});

</script>

</body>

</html>