JS_實現頁面載入完再執行JS程式碼
阿新 • • 發佈：2019-01-24
1
在body中用onload:
<body onload="myfunction()">
2
在指令碼中用window.onload:
<script type="text/javascript">
function myfun()
{
alert("this window.onload");
}
/*用window.onload呼叫myfun()*/
window.onload=myfun;//不要括號
</script>
下面這種應該是最優吧，我是新發現的，與大家分享下！
<scripttype="text/javascript"> document.onreadystatechange =function(){if(document.readyState=="complete") { alert('載入完畢');
}
}
</script>
另：
加上 defer 等於在頁面完全在入後再執行，相當於 window.onload ，但應用上比 window.onload 更靈活複製程式碼 程式碼如下:< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns=" http://www.w3.org/1999/xhtml"> < head> < meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> < title>無標題文件</title> < /head> < body> < script defer="defer"> alert("頁面載入完我才執行的") < /script> 先看到這段話 然後再執行上面的 JS 如果去掉上面的 defer="defer" 那麼會先執行JS 在看到這段話 </body> < /html>