一、延遲腳本 defer

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

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

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

 二、異步腳本 async

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

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

以上這篇淺談原生JS中的延遲腳本和異步腳本就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持武林網(wǎng)。