如何在頁面完全載入後執行JS

標籤：style   使用   java   ar   檔案   sp   on   c   ad   

 

使用Script中的Defer屬性。
script中的defer屬性預設情況下是false的。
也就是說：如果是編寫指令碼的時候加入defer屬性，那麼瀏覽器在下載指令碼的時候就不必立即對其進行處理，而是繼續對頁面進行下載和解析，這樣會提高下載的效能。
這樣的情況有很多種。比如你定義了很多javascript變數，或者在引用檔案（.inc）中寫了很多的指令碼需要處理，那不妨在這些指令碼中加入defer屬性，對效能的提高肯定有所協助。
舉例如下：
<script language="javascript" defer>
var object = new Object();
....
</script>
因為defer屬性預設是為false的，那麼在這裡<script language="javascript" defer>顯式聲明defer屬性後等同於<script language="javascript" defer=true>
聲明了defer屬性之後，需要判斷是否有別的變數引用了defer指令碼塊中的變數，否則的話會導致指令碼錯誤的產生

結合<body onload="xx()">

與

<script defer="defer">

xx();

</script>

則該JS即會在頁面載入完後執行，包括IFRAME載入在內

如何在頁面完全載入後執行JS