網頁正在載入中,效果實現
阿新 • • 發佈: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 是頁面全部載入完成,甚至包括圖片。
執行一下看看效果怎麼樣。