Loading原理

阳光穿透心脏的1/2处 2022-07-13 11:00 30阅读 0赞

分析：首先分两个层，第一个层用来提示页面加载中......

第二个页面用于显示要加载的内容，如真正的网页内容，可以全部放在此层中,body的onload时间中显示第一层，隐藏第二层，等页面加载到</body>前，显示第二层，隐藏第一层，从而实现页面加载提示，而非显示部分网页..

具体示例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
"[http://www.w3.org/TR/html4/loose.dtd][http_www.w3.org_TR_html4_loose.dtd]">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>无标题文档</title>  
<script language="javascript" type="text/javascript">  
  
function showAllContent(status1,status2)  
\{  
 document.getElementByIdx("showContent").style.display=status1;  
 document.getElementByIdx("showLoad").style.display=status2;  
\}  
</script>  
</head>  
<body onLoad='showAllContent("","none")'>  
<div id="showLoad" style="z-index:2; display:block; width:auto; height:auto;">页面加载中......</div>  
<div id="showContent" style="z-index:1; ">  
最终要显示的内容  
</div>  
<script>showAllContent("none","");</script>  
</body>  
</html>

[http_www.w3.org_TR_html4_loose.dtd]: http://www.w3.org/TR/html4/loose.dtd

发表评论取消回复

表情：

评论列表（有 0 条评论，30人围观）

还没有评论，来说两句吧...

相关阅读

相关 $.load

$("\body\_center").css("display", "none"); $("\header").load('../header.html'+new Date

小咪咪/ 2023年08月17日 16:52/ 0 赞/ 53 阅读

相关 load事件

javaScript中最常用到的一个事件就是load。当页面完全加载后（包括所有图像、javaScript文件、css文件等外部资源），就会触发window上边的load事件。

向右看齐/ 2022年11月29日 13:26/ 0 赞/ 137 阅读

相关 loading动画

等待loading动画 <ul class="blinking "> <li></li> <li></li>

一时失言乱红尘/ 2022年10月13日 15:52/ 0 赞/ 202 阅读

相关 http_load

http\_load 压力测试工具： http\_load以并行复用的方式运行，用以测试web服务器的吞吐量与负载。但是它不同于大多数压力测试工具，它可以以一个单一的

曾经终败给现在/ 2022年09月30日 09:38/ 0 赞/ 132 阅读

相关 QMYSQL driver not loaded 的原理和解决办法

避免浪费时间,不懂什么是静态库,不知道静态库和头文件的关系的,看红字就可以了或者去找其他方法.不要机械的照着教程做,不懂编译会浪费很多时间在编译过程上. \_\_\_\_\_

亦凉/ 2022年09月03日 12:16/ 0 赞/ 160 阅读

相关 http_load

http\_load：以并行复用的方式运行，用以测试webx服务器的吞吐量与负载。但是它不同于大多数压力测试工具，它可以以一个单一的进程运行，一般不会把客户机高斯，还可

拼搏现实的明天。/ 2022年08月06日 01:15/ 0 赞/ 129 阅读

相关网络负载平衡（Network Load Balancing）的工作原理

refer: http://blog.csdn.net/ghj1976/archive/2009/03/17/3997840.aspx 最近正在研究如何把CSDN的论坛WEB

拼搏现实的明天。/ 2022年07月15日 02:20/ 0 赞/ 233 阅读

相关 Loading原理

分析：首先分两个层，第一个层用来提示页面加载中...... 第二个页面用于显示要加载的内容，如真正的网页内容，可以全部放在此层中,body的onload时间中显示第一层，隐藏

阳光穿透心脏的1/2处/ 2022年07月13日 11:00/ 0 赞/ 31 阅读

相关 loading效果

1.css .loading{ width: 100%; height: 100%;

喜欢ヅ旅行/ 2022年01月23日 11:13/ 0 赞/ 307 阅读

相关 ASP Loading

ASP 页面加载等待效果。如显示"请稍后页面正在加载..."，加载完成后隐藏这个loading。 <%Response.buffer=false%>

朱雀/ 2021年11月13日 16:01/ 0 赞/ 296 阅读