用HTML5異步加載非阻滯JavaScript並延期

>瀏覽器將在不停止頁面處理的情況下並行下載file.js和其他延期腳本。 在Internet Explorer版本4.0版中實施 - 12年前！自3.5版以來，它也可以在Firefox中獲得。從理論上講，它應該在DOM完全加載之後（在Domcontent Loaded Event事件之前不久）進行。在實踐中，這取決於OS和瀏覽器，是否緩存該腳本以及當時其他腳本正在執行的操作。

> async屬性

async在html5： async中與DEFER相同，除了在下載後第一個添加了prominal intal intal intal intal ontrib ontrib ontrib ontrib on tallib on after int promiplib and commien commanync均與defer相同（defer）（均可執行）。您不能保證腳本會按順序執行，但是當窗口onload事件fires fires時，它們會加載它們。在Firefox 3.6，Opera 10.5和最新的WebKit構建中，對異步的支持，因此它應顯示在Chrome和Safari的下一個版本中。 IE9尚未支持異步 ，但是IE團隊可以很容易地將其添加為DEFER的別名。您可以同時使用異步和defer來支持所有瀏覽器 - 即使是IE4。也許在幾個月內，我們最終將擁有一種在所有瀏覽器中使用的本機非阻止JavaScript加載方法。注意：Opera延遲的腳本ExecutionOpera提供了一個實驗性的延遲腳本執行設施，可以啟用In gout in atim at atect：contif：配置。它記得在頁面上加載異步腳本的位置，因此可以使用文檔。寫入或修改DOM。該功能將立即受益於封閉頁面加載的小部件和廣告。希望Microsoft，Mozilla和Webkit遵循Opera的領導。

經常詢問有關非阻滯，異步和延期的問題（常見問題解答）

> javaScript中的異步和defer之間有什麼區別？

> ync和defer都是可以將屬性添加到HTML中的腳本標籤中以控制JavaScript文件的加載和執行方式。異步屬性加載並使用網頁的其餘部分執行腳本。這意味著腳本在加載後立即執行，而無需等待其餘的網頁加載。另一方面，延期屬性也異步加載腳本，但它可以捍衛腳本的執行，直到網頁的其餘部分加載為止。這對於依賴DOM在運行之前已充分加載的腳本可能很有用。

我應該將JavaScript代碼放在HTML文檔中？ >

>在JavaScript中無需在JavaScript中意味著什麼？網頁。這是通過將腳本放置在HTML文檔底部或使用腳本標籤中的Async或defer屬性來實現的。非阻擋腳本可以改善網頁的加載性能，因為瀏覽器可以在加載和執行腳本時繼續加載並渲染網頁的其餘部分。

>

>瀏覽器如何處理多個腳本，如何用異步或遞延屬性來處理多個屬性？可用，沒有特別的順序。這意味著可以在其他人面前執行較小或更靠近HTML文檔頂部的腳本。當多個腳本用延期屬性標記時，瀏覽器會按照它們出現在HTML文檔中的順序加載它們，但是對其執行進行防禦，直到網頁的其餘部分加載為止。這樣可以確保腳本以正確的順序執行，即使它們是異步加載的。

>我可以在同一腳本標籤中使用async和defer屬性嗎？但是，它們的行為取決於瀏覽器。在支持這兩個屬性的現代瀏覽器中，異步屬性優先於延期屬性。這意味著腳本將在可用後立即加載和執行。延期屬性被忽略。在不支持異步屬性的較舊瀏覽器中，如果存在的延期屬性。這是使用異步或延期的優點之一，因為它允許網頁繼續加載和渲染，即使腳本未能加載。但是，重要的是要正確處理腳本加載錯誤，以確保您的網頁即使腳本未能加載也正確。這涉及測試腳本元素上的異步或遞送屬性是否存在。如果屬性存在，則瀏覽器支持屬性。如果不是，那麼瀏覽器不支持屬性。

>我可以使用async或defer屬性與inline腳本嗎？

no，async和defer屬性僅適用於外部腳本。它們對內聯腳本沒有影響。如果您想對加載和執行內聯腳本，則需要使用其他技術，例如，使用JavaScript動態創建腳本元素。

>

async，defer和非塊之間的差異是什麼區別？腳本已加載和執行。 ASYNC屬性加載並在腳本可用後立即執行，而無需等待其餘的網頁加載。延期屬性還不同步加載腳本，但是對其執行進行防禦，直到網頁的其餘部分加載為止。非阻止腳本已加載和執行，而不會阻止網頁的渲染。使用的最佳技術取決於您的網頁和腳本的特定需求。

>

以上是用HTML5異步加載非阻滯JavaScript並延期的詳細內容。更多資訊請關注PHP中文網其他相關文章！