淺談原生JS中的延遲腳本和異步腳本
更新時間：2017年07月12日 07:50:57 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談原生JS中的延遲腳本和異步腳本。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
一、延遲腳本 defer
HTML4.0中為<script> 標(biāo)簽添加了個defer屬性。屬性的用途是表民腳本在執(zhí)行時不會影響頁面的構(gòu)造。
腳本會被延遲到頁面加載完畢的時候，執(zhí)行。也就是當(dāng)瀏覽器解析到</html> 標(biāo)簽后才會執(zhí)行代碼。在HTML5規(guī)范中，defer屬性中適用于外部腳本。
而家了defer 的腳本文件會比DOMContentLoaded事件觸發(fā)前執(zhí)行。
二、異步腳本 async
HTML5為<script>添加了個async屬性。這個屬性與defer屬性類似。都是只對外部腳本有用。并告訴瀏覽器立即下載文件。但與defer不同的是，async并不能保證按照他們指定的
先后順序執(zhí)行。因此要確保兩者之間互不依賴。指定async的目的是不讓頁面等待兩個腳本下載執(zhí)行。異步腳本一定會在頁面的load事件之前執(zhí)行。
以上這篇淺談原生JS中的延遲腳本和異步腳本就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
JS事件Event元素(兼容IE,Firefox,Chorme)
今天，想聊聊JS事件對象。相信大家對于獲得激發(fā)JS事件的原對象的理解，有的人可能簡單停留在IE上。也就是window.event這個對象2012-11-11
用js實現(xiàn)的拖動表格的tr行的實現(xiàn)代碼，需要的朋友可以參考下。2011-05-05
與java等基于類的面向?qū)ο笳Z言的private、protected、public等關(guān)鍵字的用途類似，基于對象的JavaScript語言，在對象構(gòu)造上也存在類似的成員可見性問題。2009-10-10
js給對象動態(tài)添加、設(shè)置、刪除屬性名與屬性值實例代碼
由于項目需要常常會遇到為某一個對象動態(tài)添加屬性的情況,下面這篇文章主要給大家介紹了關(guān)于js給對象動態(tài)添加、設(shè)置、刪除屬性名與屬性值的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
Layui之table中的radio在切換分頁時無法記住選中狀態(tài)的解決方法
今天小編就為大家分享一篇Layui之table中的radio在切換分頁時無法記住選中狀態(tài)的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
單例模式（Singleton Pattern）是一種創(chuàng)建型設(shè)計模式,確保一個類只有一個實例,并提供全局訪問該實例的方式,這在某些場景下非常有用,例如配置管理類、日志類或數(shù)據(jù)庫連接管理類,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了前端實現(xiàn)界面切換主題的相關(guān)資料,文中介紹了兩種方法,通過link標(biāo)簽的rel屬性和通過變量設(shè)置,前者適用于確定的主題樣式切換,后者則適用于在拾色器中任意選擇顏色更換主題的情況,需要的朋友可以參考下2025-02-02
前端js操作Cookie超詳細(xì)介紹與實戰(zhàn)案例
這篇文章主要給大家介紹了關(guān)于前端js操作Cookie詳細(xì)介紹與案例的相關(guān)資料,JS Cookie是一個用于在瀏覽器中操作Cookie的JavaScript庫,它提供了一組簡單的方法來設(shè)置、獲取、刪除和檢查 Cookie,需要的朋友可以參考下2023-09-09
今天小編就為大家分享一篇layui使用label標(biāo)簽的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
javascript中巧用“閉包”實現(xiàn)程序的暫停執(zhí)行功能
javascript中巧用“閉包”實現(xiàn)程序的暫停執(zhí)行功能...2007-04-04