淺談原生JS中的延遲腳本和異步腳本
一、延遲腳本 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屬性類(lèi)似。都是只對(duì)外部腳本有用。并告訴瀏覽器立即下載文件。但與defer不同的是，async并不能保證按照他們指定的
先后順序執(zhí)行。因此要確保兩者之間互不依賴(lài)。指定async的目的是不讓頁(yè)面等待兩個(gè)腳本下載執(zhí)行。異步腳本一定會(huì)在頁(yè)面的load事件之前執(zhí)行。
以上這篇淺談原生JS中的延遲腳本和異步腳本就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了webpack4.x下babel的安裝、配置及使用詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
JavaScript實(shí)現(xiàn)無(wú)縫輪播圖的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript語(yǔ)言實(shí)現(xiàn)無(wú)縫輪播功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
本文將要介紹在JavaScript 6(ES6)里出現(xiàn)的一個(gè)關(guān)于字符串操作的語(yǔ)法特征，有需要的朋友們可以參考學(xué)習(xí)，下面來(lái)一起來(lái)看看吧。2016-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)數(shù)字拼圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
HTML頁(yè)面,測(cè)試JS對(duì)C函數(shù)的調(diào)用簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇HTML頁(yè)面,測(cè)試JS對(duì)C函數(shù)的調(diào)用簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
element select下拉框編輯時(shí)回顯已經(jīng)刪除的數(shù)據(jù)操作代碼
今天做項(xiàng)目遇到一個(gè)棘手的問(wèn)題,關(guān)于element select下拉框編輯時(shí)回顯問(wèn)題,下面小編通過(guò)實(shí)例代碼介紹element select下拉框編輯時(shí)回顯已經(jīng)刪除的數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-05-05
用headjs來(lái)管理和加載js 提高網(wǎng)站加載速度
headjs其實(shí)是一整套的工具，本文介紹的是它其中的Javascript Loader功能。需要的朋友可以參考下2016-11-11
js傳參數(shù)受特殊字符影響錯(cuò)誤，如果不做處理，會(huì)產(chǎn)品傳參錯(cuò)誤，encodeURI 方法返回一個(gè)編碼的URI，可以有效解決此問(wèn)題，感興趣的朋友可以參考下2013-10-10
JS中循環(huán)字符串拼接時(shí)加換行問(wèn)題
這篇文章主要介紹了JS中循環(huán)字符串拼接時(shí)加換行問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-02-02
JS實(shí)現(xiàn)仿google、百度搜索框輸入信息智能提示的實(shí)現(xiàn)方法
這篇文章主要介紹了JS實(shí)現(xiàn)仿google、百度搜索框輸入信息智能提示的實(shí)現(xiàn)方法,實(shí)例分析了javascript實(shí)現(xiàn)智能提示功能的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04