JavaScript的非同步載入詳解

這次帶給大家JavaScript的非同步載入詳解，處理JavaScript非同步載入詳解的注意事項有哪些，以下就是實戰案例，一起來看一下。

同步載入的問題

預設的js是同步載入的，這裡的“載入”可以理解成是解析、執行，而不是“下載”，在最新版本的瀏覽器中，瀏覽器對於程式碼請求的資源都是瀑布式的加載，而不是阻塞式的，但是js的執行總是阻塞的。這會引起什麼問題呢？如果我的index頁面要載入一些js，但是其中的某個請求遲遲得不到回應，於是阻塞了後面的js程式碼的執行（同步載入），同時頁面渲染也不能繼續（如果js引入是在head標籤後）。

<script></script>
<script></script>
this is a test

例如上面的這段程式碼，儲存為index.html文件，頁面的主體是一個簡單的字串，但是程式碼執行後頁面遲遲都是空白，為何？因為請求的js遲遲無法載入（可能由於Google被牆等原因），於是阻塞了後面的程式碼的執行，頁面得不到渲染。可能你會提議，把js程式碼放到

以上是JavaScript的非同步載入詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！