HTML - <script> 標籤

HTML <script> 標籤用於宣告客戶端指令碼（JavaScript）。該標籤可以包含指向包含指令碼的外部檔案的連結，也可以包含指令碼本身。

指令碼標籤用於定義客戶端指令碼，用於影像處理、表單驗證和動態內容更新。src 屬性允許您指定外部檔案的位置。HTML <script> 標籤可以放置在<head> 和 <body> 元素中。雖然指令碼在 HTML 文件中的位置不會影響其執行方式，但必須首先執行的指令碼必須放置在文件的頭部。一個 HTML 文件可以包含多個 <script> 標籤。

語法

<script> .... </script>

屬性

HTML 指令碼標籤支援全域性屬性，並接受一些特定的屬性，如下所示。

屬性	值	描述
async	async	指定指令碼非同步執行。
crossorigin	anonymous use-credentials	定義對 HTTP CORS 請求的請求模式。
defer		宣告指令碼不會生成任何內容。因此，瀏覽器/使用者代理可以繼續解析和呈現頁面其餘部分。
nomodule	true false	指定在支援 ES6 模組的瀏覽器中不應執行指令碼
integrity	filehash	允許瀏覽器檢查獲取的指令碼以確保程式碼在原始碼被篡改的情況下永遠不會載入。
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url	指定在獲取指令碼時傳送哪些推薦者資訊
src		指定外部指令碼的 URI/URL 路徑。
type		將指令碼語言指定為內容型別（MIME 型別）。

HTML 指令碼標籤示例

下面的示例將說明指令碼標籤的使用。在哪裡、何時以及如何使用指令碼標籤。

使用指令碼標籤的內部 JavaScript

讓我們看一下 <script> 標籤的基本用法示例。在這裡，我們透過指令碼標籤在內部使用了 javascript 程式碼。

<!DOCTYPE html>
<html>
<head>
   <title>HTML script Tag</title>
</head>
   <body style="background-color:#EAFAF1 ">
   <script type = "text/JavaScript">
      document.write("You're visiting tutorialspoint!")
   </script>
</body>
</html>

使用指令碼標籤的外部 JavaScript

考慮另一種情況，我們將要提及 <script> 標籤在 <body> 標籤之外。

<!DOCTYPE html>
<html>
<head>
   <script src="index.js" type="text/script"></script>
</head>
   <body>
   <h1>TutorialsPoint</h1>
</body>
</html>

// File Name- index.js 
document.write("You're visiting tutorialspoint!")

使用多個指令碼標籤

以下是一個示例，我們將為每個 JavaScript 程式碼使用多個 <script> 標籤。此程式碼將生成輸出，使指令碼標籤觸發，顯示兩次警報，並在網頁上顯示文字。

<!DOCTYPE html>
<html>
<head>
   <script>
      alert('WELCOME TO')
   </script>
</head>
<body>
   <h2>The Best E-Way Learning.!</h2>
   <script>
      alert('TUTORIALSPOINT')
   </script>
</body>
</html>

支援的瀏覽器

標籤
script	是	是	是	是	是

html_tags_reference.htm

列印頁面