HTML5特性：使用async屬性異步加載執行JavaScript

2014/06/23 來源：cnblogs

HTML5讓我興奮的一個最大的原因是，它裡面實現的新功能和新特徵都是我們長久以來一直期待的。比如，我以前一直在使用placeholders，但以前必須要用JavaScript實現。而HTML5里給JavaScript標記提供的async屬性，使JavaScript能異步加載執行。之前我需要各種的JavaScript插件來實現這種功能，但現在這個新屬性能讓我們輕鬆的實現異步加載。async – HTML代碼

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

<script async src="siteScript.js" onload="myInit"></script>事實上，如果你是個有嚴謹精神的程式設計師，你應該在你90%以上的SCRIPTdefer – HTML代碼還有一個跟<script defer src="siteScript.js" onload="myInit"></script>async屬性的在語法上非常相似。async & defer – 不同之處deferasync之間async屬性或defer屬性的scripts會立即加載並解析，同時也會支持依賴於這個腳本進行初始化的onload事件。async屬性和defer屬性的不同之處在於何時執行這個腳本。標註有async屬性的Script會在下載完成後即可執行，不需要等待window的load事件。這意味著標記有async屬性的腳本並不一定會按在頁面中嵌入的順序執行。而標記有defer屬性的腳本卻一定會按它們在頁面上的順序依次執行。執行會在解析完全完成後開始，但會在document的DOMContentLoaded事件之前。支持 async 和 defer 屬性的瀏覽器有哪些？

引用Safari博客上的話：

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

async 太有用了！async功能著實讓我非常高興。瀏覽器網站頁面時被JavaScript卡住的確是個很大的問題，async

免責聲明：本文內容來源于cnblogs，文章觀點不代表壹讀立場，如若侵犯到您的權益，或涉不實謠言，敬請向我們提出檢舉。