欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

script的async屬性以非阻塞的模式加載腳本

 更新時(shí)間：2013年01月15日 14:48:48   作者：  
HTML5實(shí)現(xiàn)了script的async屬性，這個(gè)新的屬性可以讓js在瀏覽器中以非阻塞的模式加載，接下來(lái)介紹如何應(yīng)用此屬性，感興趣的朋友可以了解下

1.HTML5實(shí)現(xiàn)了script的async屬性，這個(gè)新的屬性可以讓js在瀏覽器中以非阻塞的模式加載，另外script還有一個(gè)defer屬性，這個(gè)屬性目前所有瀏覽器都已實(shí)現(xiàn)（除了firefox和chrome的早期版本），IE這方面做得好，從一開(kāi)始就支持些屬性。

復(fù)制代碼 代碼如下:

//async
<script async src="dquery.js" async></script>

//defer
<script async src="dquery.js" defer>
</script>

2.async和defer的區(qū)別：
帶有async或者defer的script都會(huì)立刻下載并不阻塞頁(yè)面解析,而且都提供一個(gè)可選的onload事件處理, 在script下載完成后調(diào)用,用于做一些和此script相關(guān)的初始化工作。它的不同之處在于async一旦下載完成就立即執(zhí)行（在window.onload事件之前），不確保執(zhí)行的順序，而defer能確保js是在按照其在頁(yè)面中的順序執(zhí)行（在DOMContentLoaded事件之前）。
3.為了解決瀏覽器兼容問(wèn)題可以使用下面的代碼進(jìn)行處理
復(fù)制代碼 代碼如下:

function lazyload() {
var elem = document.createElement("script");
elem.type = "text/javascript";
elem.async = true;
elem.src = "js/dquery.js?v=11"; //對(duì)應(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事件中使用，直接寫(xiě)在頁(yè)面中會(huì)報(bào)腳本錯(cuò)誤，如：

相關(guān)文章

最新評(píng)論