本篇內(nèi)容主要講解“JavaScript的同步加載和異步加載關系是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“JavaScript的同步加載和異步加載關系是什么”吧!

南芬ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

在引入JavaScript腳本代碼時，頁面的下載和渲染都會暫停，等待腳本執(zhí)行完成后才會繼續(xù)，這種加載方式稱為“同步加載”。“同步加載”也稱“阻塞模式"，它是JavaScript腳本代碼默認的加載方式，之所以要同步加載，是因為JavaScript中可能有輸出、修改等行為，所以默認同步執(zhí)行才是安全的怛是“同步加載”也有弊端。

同步加載完畢之前，頁面內(nèi)容是無法正常顯示的，這就給網(wǎng)站訪問者帶來不好的用戶體驗。因此在代碼加栽過程中，我們需要讓那些負頁面內(nèi)結構、樣式的代碼先加載，給用戶呈現(xiàn)一個美觀的界面效果，然后再加后續(xù)的腳本代碼，這時就需要用到“異步加載”?！爱惒郊虞d”也稱“非阻塞模式”，用于降JavaScript阻塞問題對頁面造成的影響，使用< script>標記屬性async和defer都可以設置 “異步加載”。

下面將介紹這兩種屬性的使用方法。

1、async添加async屬性后，頁面會先下載腳本文件，不阻塞結構代碼、樣式代碼的執(zhí)行，當腳本文件下載完成后再執(zhí)行該腳本文件，示例代碼如下:

< script src=http://js.test/file.js” async>< /script>

2、defer添加defer屬性后，頁面會先下載腳本文件，不阻塞結構代碼、樣式代碼的執(zhí)行，當頁面效果加載完成之后，再執(zhí)行腳本代碼，示例代碼如下:

< script src=http://js.test/file.js” defer>< /script>

值得一提的是，雖然async和defer都用于設置異步加載，但二者在腳本代碼下載完之后的執(zhí)行方式有很大差別。添加async屬性，當腳本代碼下載完成之后會立即執(zhí)行腳本代碼;添加defer屬性，會等頁面效果加載完成之后再加載腳本代碼。

到此，相信大家對“JavaScript的同步加載和異步加載關系是什么”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關內(nèi)容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！

網(wǎng)頁題目：JavaScript的同步加載和異步加載關系是什么-創(chuàng)新互聯(lián)
標題網(wǎng)址：http://weahome.cn/article/dohgdd.html