JavaScript 筆記(7) -- 在HTML中嵌入 js （外部引用）

本節主要說明，在HTML中嵌入自定義 JavaScript。通過HTML的script標簽加載JavaScript文件

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

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

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

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

  document.write("www.dreamdu.com");
  document.write("夢之都");
  function jsTest(){   
  /* 該函數可以在 其他的 JS 文件中直接訪問;
     訪問方式與定義在同個文件中的訪問方式相同，eg：jsTest();  
     但需記得在其他 JS 引用時，必須將該文件放在引用它的文件前面。比如：dreamdu2.js 中使用了dreamdu.js 中的 jsTest() 函數，則必須先加載 dreamdu.js（放上面），后加載 dreamdu2.js（放下面）*/
  　　alert("測試自定義 JS 的 function 部分");
     console.log("測試自定義 JS 的 function 部分");
  }

• JavaScript文件外部加載的好處

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

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

  • 不要把JavaScript分為多個文件，多個文件會增加服務器的負擔，增加服務器的HTTP請求。
  • 一個JavaScript文件也會增大HTTP請求。
  • 為什么有些網站的JavaScript文件后面有一串數字？比如:

<scripttype="text/javascript"src="dreamdu.js?1217128319"></script>

    有兩種可能:

• • JavaScript文件更新后，此版本將增加或改變，瀏覽器會因此判斷這是一個新的JavaScript文件，從而更新緩存中以前的JavaScript文件。
  • 這個JavaScript文件是由應用程序生成的因此帶有版本，便於管理。