求真实网站load代码，进度条
- 提问者网友：遁入空寂
- 2021-06-02 15:45
- 五星知识达人网友：煞尾
- 2021-06-02 16:41
不过可以做个进度条保证是你的页面加载完成后才打开你要的页面，其余时间都是在走进度条。
这个方法就是写到window.onload事件里面，开始的页面都是隐藏的，只有进度条，当页面加载完成后
即触发了window.onload事件后，显示页面，去掉进度条。
目前几乎所有网站的进度条都是这么做的，这个代码也比较好写
如果要做到完全真实，那就得首先服务端预加载，把页面按客户端发送到请求，在服务端先生成到内存里面，把得到的大小返回客户端，客户端根据download的大小和服务端大小的比率，得出真实的进度条，而且这个脚本还不好实现。
- 1楼网友：枭雄戏美人
- 2021-06-02 19:51
- 2楼网友：不想翻身的咸鱼
- 2021-06-02 18:13
代码如下:
<html> <head> <title>带百分比网页Loading</title> <STYLE type=text/css> TD { FONT-SIZE: 9pt } .come { BACKGROUND-COLOR: #eff7d4; BORDER-BOTTOM: #c07a0b 1px dashed; BORDER-LEFT: #c07a0b 1px
dashed; BORDER-RIGHT: #c07a0b 1px dashed; BORDER-TOP: #c07a0b 1px dashed; COLOR: #000000;
FONT-SIZE: 9pt; HEIGHT: 18px } </style> <SCRIPT language=javascript> var percent = new Number(0); function skipmain() { dopgb(); } function dopgb() { var pgb = document.all.pgbdiv.style; var timeoutID = setTimeout("dopgb()",100); if (pgb.pixelWidth < 230) pgb.pixelWidth += 5; percent = parseInt(100 * (pgb.pixelWidth / 230) + 1) + 1; if (percent > 100) percent = 100; document.all.perdiv.innerHTML="<p align='center' style='margin-top:0;margin-bottom:0'>"
+ percent.toString(10) + " %</p>" if (pgb.pixelWidth >= 230) { clearTimeout(timeoutID); window.navigate(" http://xwolf.5d6d.com/"); return; } } </SCRIPT> </head> <body onload=skipmain()> <TABLE align=center border=1 borderColor=blue cellPadding=0 cellSpacing=0 height=10 style="BORDER-COLLAPSE: collapse; MARGIN: 10px 0px 0px" width=230 name="pgb_container1"> <TBODY> <TR> <TD class=newfont3> <DIV id=pgbdiv style="BACKGROUND-COLOR: #65a1ca; HEIGHT: 10px; MARGIN: 0px; TEXT-ALIGN:
center; WIDTH: 0px" border="0"></DIV></TD></TR></TBODY></TABLE> <P align=center style="MARGIN-TOP: 5px"> <DIV align=center id=perdiv style="MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px"> <P align=center class=newfont3 style="MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px">0 %</P></DIV> </body> </html>