資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法學研究如何在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年6月15日
2K+ 瀏覽量
廣告