如何在 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")
}
廣告
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP