DEFER是腳本程序強大功能中的一個“無名英雄”。你可能從沒有使用過它,但是看完這里的介紹后,相信你就離不開它。它告訴瀏覽器Script段包含了無需立即執行的代碼,并且,與SRC屬性聯合使用,它還可以使這些腳本在后臺被下載,前臺的內容則正常顯示給用戶。
最后請注意兩點:
1、不要在defer型的腳本程序段中調用document.write命令,因為document.write將產生直接輸出效果。
2、而且,不要在defer型腳本程序段中包括任何立即執行腳本要使用的全局變量或者函數。
加上 defer 等于在頁面完全在入后再執行,相當于 window.onload ,但應用上比 window.onload 更靈活!
比較下面的3個例子:
<button id="myButton" onclick="alert('ok')">test</button>
<script>
myButton.click();
</script>
<script defer>
myButton.click();
</script>
<button id="myButton" onclick="alert('ok')">test</button>
<script>
myButton.click();
</script>
<button id="myButton" onclick="alert('ok')">test</button>