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