首頁 > web前端 > js教程 > 跟我學習javascript的非同步腳本載入_javascript技巧

跟我學習javascript的非同步腳本載入_javascript技巧

WBOY
發布: 2016-05-16 15:30:59
原創
978 人瀏覽過

先來看這行程式碼:

<script src = "allMyClientSideCode.js"></script>
登入後複製

這有點…不怎麼樣。 「這該放在哪裡?」開發人員會奇怪,「靠上點,放到標籤裡?還是靠下點,放到標籤裡?」這兩種做法都會讓富腳本站點的下場很淒慘。 標籤裡的大腳本會滯壓所有頁面渲染工作,使得使用者在腳本載入完畢之前一直處於「白屏死機」狀態。而標籤末尾的大腳本只會讓用戶看到毫無生命力的靜態頁面,原本應該進行客戶端渲染的地方卻散佈著不起作用 的控件和空空如也的方框。

完美解決這個問題需要對腳本分而治之:那些負責讓頁面更好看、更好用的腳本應該立即加載,而那些可以待會兒再加載的腳本稍後再加載。但是怎麼才能既滯壓這些腳本,又能保證它們在被呼叫時的可用性呢?

一、

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板