JS网页加载进度条

网络整理 - 08-16

我们在浏览很多网站的时候经常会看到在网页内容加载完毕之前有一个友好的提示，这种效果是如何实现的呢？有很多种方法，下面是一种比较简单的，有兴趣的站长可以试试。

<html>
<head>
<title>JS网页加载进度条</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
</head>
<body>
<script language="javascript">
window.onload=function(){
  var a = document.getElementById("loading");
  a.parentNode.removeChild(a);
}
document.write('<div id="loading" style="background:#FF0000;color:#FFFFFF;width:170px;">正在读取，请稍候……</div>');
</script>

<iframe src="" width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0"></iframe>
</body>
</html>