HTML-HTML鏈接JavaScript的幾種方法


 

把JavaScript文件放在head中

標准方法是把JavaScript文件放到head標簽內。

<head>
    <script type="text/javascript" src="dreamdu.js"></script>
</head>
  • 如果瀏覽器不支持JavaScript,將忽略script標簽里面的內容,可以避免使用<!-- ... //-->(內部引用)。
  • 當JavaScript有任何HTML實體時,也不需要使用CDATA標簽了(因為JavaScript代碼不直接在HTML文件中)。
  • JavaScript文件必須使用js為文件后綴。

把JavaScript文件放在body前

為防止網頁加載緩慢,也可以把非關鍵的JavaScript放到網頁底部,例如下面的代碼。

        <script type="text/javascript" src="dreamdu.js"></script>
    </body>
</html>

通常JavaScript文件可以使用script標簽加載到網頁的任何一個地方,但是標准的方式是加載在head標簽內。

JavaScript文件的內容

JavaScript文件可以包含任何的JavaScript代碼,比如dreamdu.js文件中

document.write("www.dreamdu.com");
document.write("夢之都");

JavaScript文件外部加載的好處

  • 避免使用<!-- ... //-->,駭客技術。
  • 避免使用CDATA。
  • 統一定義JavaScript代碼,方便查看,方便維護。
  • 使代碼更安全,可以壓縮,加密單個JavaScript文件。
  • 瀏覽器可以緩存JavaScript文件,減少寬帶使用(當多個頁面同時使用一個JavaScript文件的時候,通常只需下載一次)。

JavaScript文件外部加載的注意事項

  • 不要把JavaScript分為多個文件,多個文件會增加服務器的負擔,增加服務器的HTTP請求。
  • 一個JavaScript文件也會增大HTTP請求。
  • 為什么有些網站的JavaScript文件后面有一串數字?比如:
<script type="text/javascript" src="dreamdu.js?1217128319"></script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM