一、延遲腳本 defer

HTML4.0中為<script> 標簽添加了個defer屬性。屬性的用途是表民腳本在執(zhí)行時不會影響頁面的構(gòu)造。

腳本會被延遲到頁面加載完畢的時候，執(zhí)行。也就是當(dāng)瀏覽器解析到</html> 標簽后才會執(zhí)行代碼。在HTML5規(guī)范中，defer屬性中適用于外部腳本。

而家了defer  的腳本文件會比DOMContentLoaded事件觸發(fā)前執(zhí)行。

 二、異步腳本 async

HTML5為<script>添加了個async屬性。這個屬性與defer屬性類似。都是只對外部腳本有用。并告訴瀏覽器立即下載文件。但與defer不同的是，async并不能保證按照他們指定的

先后順序執(zhí)行。因此要確保兩者之間互不依賴。指定async的目的是不讓頁面等待兩個腳本下載執(zhí)行。異步腳本一定會在頁面的load事件之前執(zhí)行。

以上這篇淺談原生JS中的延遲腳本和異步腳本就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。