script的async屬性以非阻塞的模式加載腳本
更新時間：2013年01月15日 14:48:48 作者：
HTML5實現(xiàn)了script的async屬性，這個新的屬性可以讓js在瀏覽器中以非阻塞的模式加載，接下來介紹如何應(yīng)用此屬性，感興趣的朋友可以了解下
1.HTML5實現(xiàn)了script的async屬性，這個新的屬性可以讓js在瀏覽器中以非阻塞的模式加載，另外script還有一個defer屬性，這個屬性目前所有瀏覽器都已實現(xiàn)（除了firefox和chrome的早期版本），IE這方面做得好，從一開始就支持些屬性。
復(fù)制代碼 代碼如下:
//async
<script async src="dquery.js" async></script>
//defer
<script async src="dquery.js" defer>
</script>
2.async和defer的區(qū)別：
帶有async或者defer的script都會立刻下載并不阻塞頁面解析,而且都提供一個可選的onload事件處理, 在script下載完成后調(diào)用,用于做一些和此script相關(guān)的初始化工作。它的不同之處在于async一旦下載完成就立即執(zhí)行（在window.onload事件之前），不確保執(zhí)行的順序，而defer能確保js是在按照其在頁面中的順序執(zhí)行（在DOMContentLoaded事件之前）。
3.為了解決瀏覽器兼容問題可以使用下面的代碼進行處理
復(fù)制代碼 代碼如下:
function lazyload() {
var elem = document.createElement("script");
elem.type = "text/javascript";
elem.async = true;
elem.src = "js/dquery.js?v=11"; //對應(yīng)的JS文件
document.body.appendChild(elem);
}
if (window.addEventListener) {
window.addEventListener("load", lazyload, false);
} else if (window.attachEvent) {
window.attachEvent("onload", lazyload);
} else {
window.onload = lazyload;}
由于是異步加載所以使用相應(yīng)js內(nèi)容就需要在window.onload事件中使用，直接寫在頁面中會報腳本錯誤，如：
相關(guān)文章
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)拖拽功能,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09
這篇文章主要介紹了JS原型對象操作,結(jié)合實例形式分析了JS原型對象基本原理、用法及操作注意事項,需要的朋友可以參考下2020-06-06
這篇文章主要給大家介紹了關(guān)于微信小程序阻止小程序返回的兩種方法,分別是通過wx.enableAlertBeforeUnload和page-container,兩種方法都給出了詳細(xì)的實例,需要的朋友可以參考下2023-04-04
在寫表單的時候,總會遇到使用單選框或者復(fù)選框的時候,下面這篇文章主要給大家介紹了關(guān)于uniapp下單選框?qū)崿F(xiàn)的相關(guān)資料,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了mpvue實現(xiàn)微信小程序快遞單號查詢，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
今天小編就為大家分享一篇關(guān)于js中事件對象和事件委托的介紹，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
本篇文章主要介紹了D3.js實現(xiàn)拓?fù)鋱D的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
JavaScript Base64編碼和解碼，實現(xiàn)URL參數(shù)傳遞。
JavaScript Base64編碼和解碼，實現(xiàn)URL參數(shù)傳遞。...2006-09-09
JS實現(xiàn)手機號脫敏、郵箱脫敏、身份證號脫敏、姓名脫敏等常見脫敏代碼示例
這篇文章主要給大家介紹了關(guān)于JS實現(xiàn)手機號脫敏、郵箱脫敏、身份證號脫敏、姓名脫敏等常見脫敏的相關(guān)資料,脫敏的目的是保護用戶隱私,一種常見的方式是顯示部分字符,用星號或其他字符替代,需要的朋友可以參考下2024-02-02
javascript 隨機數(shù) 與高級應(yīng)用 附vbscript(asp) 隨機數(shù)總結(jié)
有時忘了程序的隨機數(shù)函數(shù)或javascript和vbscript的隨機數(shù)混亂了，特總結(jié)下兩者的隨機數(shù)函數(shù)，以備以后使用方便。2007-10-10