技術標籤：HTML

通過為script標籤新增defer和async屬性也可以實現非同步載入js檔案。

<script data-main="js/main.js" src="js/require.js" defer></script>

defer：
設定了defer屬性的js檔案會通過非同步方式載入，不會阻塞頁面渲染。
設定了defer屬性的js檔案會在頁面渲染完畢後，DOMContentLoaded事件呼叫前執行，即使script標籤不在body底部。
如果有多個設定了defer的script標籤，則執行時會按照順序依次執行這些js檔案。

<script data-main="js/main.js" src="js/require.js" async ></script>

async：
設定了async的script指令碼會以非同步方式載入，不會阻塞頁面渲染。
設定了async的script指令碼載入完成後即會執行指令碼，執行過程會阻塞頁面渲染。
設定了async的script指令碼不會按照頁面中script標籤的順序來執行，而是按照載入完成的順序執行。