现在要实现一个页面loading效果,就是在整个网页尚未加载完毕之前,页面只显示如下:
正在加载............
请稍后!
整个页面全部加载完毕后再显示出来,用javascript如何实现?
---------------------------------------------------------------
http://fason.nease.net
---------------------------------------------------------------
1<body onload="document.all['loading'].removeNode(true)">
2<span id="loading"> 正在加载............</span>
3\---------------------------------------------------------------
4
5<html>
6<head>
7<title>梅花雨的页面加载</title>
8<script language="javascript"><!--
9document.write('<div id=loadDiv style="padding-top: 50; padding-left: 50">'+
10'页面正在载入,请等待<span id="loading"></span></div>');
11var setInterval1 = setInterval("loading.innerText += '.'", 300);
12var setInterval2 = setInterval("loading.innerText = ''", 15000);
13function window.onload()
14{
15hiddenDiv.style.display=""; //显示页面内容
16loadDiv.removeNode(true);
17clearInterval(setInterval1);
18clearInterval(setInterval2);
19}
20// --></script>
21</head>
22<body>
23<div id="hiddenDiv" style="display: none">
24<!-- 将你的网页所有内容都放在这个div之内即可 -->
25</div>
26</body>
27</html></body>