JS实现页面加载时带loading进度条
程序员文章站
2022-04-19 08:16:45
...
JS实现页面加载时带loading进度条
页面加载时loading实现方法
loading实现大概就这个意思，首先将要显示的内容隐藏，先显示loading文字或图片什么的，然后文档加载完毕后将内容显示出来，loading隐藏掉就好了。
这里我用到了jquery，用不用无所谓。
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.6.1.js">
</script>
/** * 页面加载完成后显示页面 */
function showPage(){ $('#divPageLoading').remove();
$('#divPageBody').show(); }
</head>
<body onload="showPage();">
<div id="divPageLoading">
<img src="pageloading.gif" style="width:120px;height:120px;position:absolute;left:45%;top:40%;"/>
</div>
<div id="divPageBody" style="display:none;"> ……
</div>
</body>
</html>
更多JS实现页面加载时带loading进度条相关文章请关注PHP中文网！
上一篇： webpack的开发与生环境
下一篇： php—ArrayAccess接口