js非同步載入的三種方式

預設情況j**ascript是同步載入的，也就是j**ascript的載入是阻塞的，後面的元素要等待j**ascript載入完畢後才能進行再載入，對於一些意義不是很大的j**ascript，如果放在頁頭會導致載入很慢的話，是會嚴重影響使用者體驗的。

(1) defer，只支援ie

defer屬性的定義和用法

defer 屬性規定是否對指令碼執行進行延遲，直到頁面載入為止。

有的 j**ascript 指令碼 document.write 方法來建立當前的文件內容，其他指令碼就不一定是了。

如果您的指令碼不會改變文件的內容，可將 defer 屬性加入到

(2) async：

async的定義和用法(是html5的屬性)

async 屬性規定一旦指令碼可用，則會非同步執行。

示例：

**如下:

注釋：async 屬性僅適用於外部指令碼（只有在使用 src 屬性時）。

注釋：有多種執行外部指令碼的方法：

•如果 async="async"：指令碼相對於頁面的其餘部分非同步地執行（當頁面繼續進行解析時，指令碼將被執行）

•如果不使用 async 且 defer="defer"：指令碼將在頁面完成解析時執行

•如果既不使用 async 也不使用 defer：在瀏覽器繼續解析頁面之前，立即讀取並執行指令碼

(3) 建立script，插入到dom中，載入完畢後callback，見**：

**如下:

function

loadscript(url, callback)
script=null
; }
if (script.readystate)
};} 
else ;
}script.src =url;
}

JS非同步載入的三種方式 js載入

一 同步載入 我們平時使用的最多的一種方式。同步模式，又稱阻塞模式，會阻止瀏覽器的後續處理，停止後續的解析，只有當當前載入完成，才能進行下一步操作。所以預設同步執行才是安全的。但這樣如果js中有輸出document內容 修改dom 重定向等行為，就會造成頁面堵塞。所以一般建議把 firefox 3....

JS非同步載入的三種方式

我們平時使用的最多的一種方式。同步模式，又稱阻塞模式，會阻止瀏覽器的後續處理，停止後續的解析，只有當當前載入完成，才能進行下一步操作。所以預設同步執行才是安全的。但這樣如果js中有輸出document內容 修改dom 重定向等行為，就會造成頁面堵塞。所以一般建議把 firefox 3.6 opera...

JS非同步載入的三種方式

我們平時使用的最多的一種方式。同步模式，又稱阻塞模式，會阻止瀏覽器的後續處理，停止後續的解析，只有當當前載入完成，才能進行下一步操作。所以預設同步執行才是安全的。但這樣如果js中有輸出document內容 修改dom 重定向等行為，就會造成頁面堵塞。所以一般建議把 firefox 3.6 opera...