如果外部腳本較小,您可以直接將它們添加到HTML文檔。通過這種方式內(nèi)嵌較小文件可讓瀏覽器繼續(xù)呈現(xiàn)網(wǎng)頁。例如,如果HTML文檔如下所示:
<html> <head> <script type="text/javascript" src="small.js"></script> </head> <body> <div> Hello, world! </div> </body> </html>
資源small.js
如下所示:
/* contents of a small JavaScript file */
那么,您即可按如下這樣內(nèi)嵌腳本:
<html> <head> <script type="text/javascript"> /* contents of a small JavaScript file */ </script> </head> <body> <div> Hello, world! </div> </body> </html>
這樣,您就可以將small.js
內(nèi)嵌在HTML文檔中,從而消除對它的外部請求。
為防止JavaScript阻止網(wǎng)頁加載,建議您在加載JavaScript時使用HTML異步屬性。例如:
<script async src="my.js">
如果您的JavaScript資源使用的是document.write,則使用異步加載就會不安全。我們建議您重寫使用document.write的腳本,以改用其他技術(shù)。
此外,異步加載JavaScript時,如果您的網(wǎng)頁加載互相依賴的腳本,請務(wù)必謹(jǐn)慎,以確保您的應(yīng)用以合適的依賴順序加載腳本。
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Site Policies.