如何用async屬性異步加載執(zhí)行js的方法？相信很多新手小白還沒學(xué)會這個(gè)技能，通過這篇文章的總結(jié)，希望你能學(xué)會這個(gè)技能。以下資料是實(shí)現(xiàn)的步驟。

創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)，集網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作于一體，網(wǎng)站seo、網(wǎng)站優(yōu)化、網(wǎng)站營銷、軟文平臺等專業(yè)人才根據(jù)搜索規(guī)律編程設(shè)計(jì)，讓網(wǎng)站在運(yùn)行后，在搜索中有好的表現(xiàn)，專業(yè)設(shè)計(jì)制作為您帶來效益的網(wǎng)站！讓網(wǎng)站建設(shè)為您創(chuàng)造效益。

HTML5讓我興奮的一個(gè)最大的原因是，它里面實(shí)現(xiàn)的新功能和新特征都是我們長久以來一直期待的。比如，我以前一直在使用placeholders，但以前必須要用JavaScript實(shí)現(xiàn)。而HTML5里給JavaScript標(biāo)記提供的async屬性，使JavaScript能異步加載執(zhí)行。之前我需要各種的JavaScript插件來實(shí)現(xiàn)這種功能，但現(xiàn)在這個(gè)新屬性能讓我們輕松的實(shí)現(xiàn)異步加載。

async – HTML代碼

真的非常簡單，就像下面這樣：

<script async src="siteScript.js" onload="myInit()"></script>

事實(shí)上，如果你是個(gè)有嚴(yán)謹(jǐn)精神的程序員，你應(yīng)該在你90%以上的SCRIPT標(biāo)記上使用async屬性。

defer – HTML代碼

還有一個(gè)跟async屬性相似的defer屬性：

<script defer src="siteScript.js" onload="myInit()"></script>

跟async屬性的在語法上非常相似。

async & defer – 不同之處

這篇WebKit博客將defer和async之間的不同之處解釋的非常清楚：

瀏覽器對標(biāo)記有async屬性或defer屬性的scripts會立即加載并解析，同時(shí)也會支持依賴于這個(gè)腳本進(jìn)行初始化的onload事件。async屬性和defer屬性的不同之處在于何時(shí)執(zhí)行這個(gè)腳本。標(biāo)注有async屬性的Script會在下載完成后即可執(zhí)行，不需要等待window的load事件。這意味著標(biāo)記有async屬性的腳本并不一定會按在頁面中嵌入的順序執(zhí)行。而標(biāo)記有defer屬性的腳本卻一定會按它們在頁面上的順序依次執(zhí)行。執(zhí)行會在解析完全完成后開始，但會在document的DOMContentLoaded事件之前。

支持 async 和 defer 屬性的瀏覽器有哪些？

引用Safari博客上的話：

WebKit引擎的瀏覽器(谷歌瀏覽器和Safari瀏覽器)?；鸷鼮g覽器從3.6版開始支持async 和 defer 屬性。IE也很早就支持 defer 屬性，但對async屬性不支持，在IE9中支持onload屬性。

async 太有用了！

看到各瀏覽器實(shí)現(xiàn)async功能著實(shí)讓我非常高興。瀏覽器網(wǎng)站頁面時(shí)被JavaScript卡住的確是個(gè)很大的問題，async屬性的異步加載、執(zhí)行能力一定會讓網(wǎng)站的頁面速度增色不少。

看完這篇文章，你們學(xué)會用async屬性異步加載執(zhí)行js的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀。

分享文章：如何用async屬性異步加載執(zhí)行js的方法
轉(zhuǎn)載來于：http://jinyejixie.com/article46/gdpdeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、標(biāo)簽優(yōu)化、網(wǎng)站策劃、企業(yè)網(wǎng)站制作、網(wǎng)站內(nèi)鏈、

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)