用了幾種Loading頁的代碼，還是算這個好用了。真的佩服牛人們的思想。有的說用DIV來實現遮蓋后面的東西，當FORM加載完后，執行CLOSE()d的JS函數。我試驗了幾次，效果不是那么好。也主要是由于我吧東西都放在我本地，感覺不到速度的差異吧。下面我給出我用到的那段代碼，如果朋友需要的話，就拿去用吧！
?<script?language="JavaScript">?
?<!--?
?var?url?=?'http://127.0.0.1';??
?//這里就是要跳到的地方?
?//-->?
?</script>?
?<title>網站數據加載中……</title>?
</head>?
<body?onLoad="location.href?=?url">?
<div?style='margin-top:40;margin-left:40;margin-right:0'>?
???<p>?</p>?
???<p?align="center">?</p>?
???<p?align="center">?</p>?
???<p?align="center">??
?????<style><!--.proccess{}{border:0px??solid;?border-color:#009900;?width:2;height:15;background:eeeeee;margin:0}--></style>?
???</p>?
???<div?style='margin-top:-20;margin-left:0;margin-right:0'?align="center">??
?????<form?method=post?name=proccess>?
???????<script?language=javascript>?
????document.write("<br><br><br><br><table?border=0?cellspacing=1?cellpadding=0??bgcolor=#000000?><tr?bgcolor=#ffffff><td??style='font:9pt?Verdana;'>")
?for(i=0;i<200;i++)document.write("<input?class=proccess?>")?
???????document.write("</td></tr></table><br>")
????document.write("<div?align=center?style='font-size:9pt;color:#660000;'>Loading……,Please?Wait!</div>")
?</script>?
????</form>?
???</div>?
???<div?align="center">?
?????<script?language=JavaScript><!--?
?var?p=0,j=0;?
?var?c=new?Array("#FF6600","#ffffff")?
?setInterval('proccess();',100)?
?function?proccess(){?
??document.forms.proccess.elements[p].style.background=c[j];?
??p+=1;?
??if(p==200){p=0;j=1-j;}}?
?--></script>?
???</div>?
?</div>?
?<div?align="center">?
???<script>?
?<!--?
?if?(document.layers)??
???document.write('<Layer?src="'?+?url?+?'?"?VISIBILITY="hide">?</Layer>');??
???else?if?(document.all?||?document.getElementById)??
????document.write('<iframe?src="'?+?url?+?'"?style="visibility:?hidden;"></iframe>');??
?else?location.href?=?url;?
?//-->?
?</script>?
?</div>?
?</body>

轉載于:https://blog.51cto.com/443065/92914

總結

以上是生活随笔為你收集整理的Loading页的实现代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。