網頁正在載入中，效果實現
阿新 • • 發佈：2019-02-17
<html>
<head>
<title>JS網頁載入進度條 </title>
<meta http-equiv="content-Type" c>
</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=http://www.shuoqian.net width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0"> </iframe>
</body>
</html>
注意，這裡面的關鍵是那個|“window.onload ”，window.onload 是頁面全部載入完成，甚至包括圖片。
執行一下看看效果怎麼樣。