如何在 HTML 頁面中包含外部 JavaScript?


HTML 的 <script> 標籤用於在 HTML 文件中宣告指令碼。透過它,您可以定義客戶端 JavaScript。但是,如果您想在 HTML 頁面中新增外部 JavaScript 呢?好吧,您也可以使用 <script> 標籤的 src 屬性輕鬆做到這一點。

<script> 標籤的屬性如下:

屬性

描述
async
async
指定指令碼非同步執行。
charset
charset
定義指令碼使用的字元編碼。
defer
defer
宣告指令碼不會生成任何內容。因此,瀏覽器/使用者代理可以繼續解析和渲染頁面的其餘部分。
src
URL
指定外部指令碼的 URI/URL。
type
text/JavaScript application/ecmascript application/JavaScript text/vbscript
將指令碼語言指定為內容型別(MIME 型別)。

為了新增外部 JavaScript 檔案,我們將使用 src 屬性。

讓我們先看看 HTML 檔案,它將包含外部檔案源的原始碼。

示例

您可以嘗試執行以下程式碼以在 HTML 中包含外部 JS。此處的 HTML 檔案包含指向 JS 檔案 myscript.js 的 src。

線上演示

<!DOCTYPE html>
<html>
   <body>
      <h2>Alert Button</h2>
      <p>
      <External JavaScript file is myscript.js/p>
      <button type="button" onclick="sayHello()">Click</button>
      <script src="myscript.js"></script>
   </body>
</html>

要使用來自外部檔案源的 JavaScript,您需要將所有 JavaScript 原始碼寫入副檔名為“.js”的簡單文字檔案,然後像上述結構一樣包含該檔案,即 <script src="myscript.js"></script>。
在 myscript.js 檔案中保留以下內容:

function sayHello() {
   alert("Hello World")
}

更新於: 2020-06-15

2K+ 次檢視

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.