HTML <script> 標簽

定義和用法

<script> 標簽用于嵌入客戶端腳本。

<script> 元素要么包含腳本語句，要么通過 src 屬性 指向外部腳本文件。

最常用的腳本類型是 JavaScript，不過瀏覽器也的確支持一些別的腳本語言。

JavaScript 的常見用途是圖像處理、表單驗證和內容的動態更改。

注釋：script 元素所屬類型因其用法而已。位于 head 元素中的 script 元素屬于元數據元素，位于其他元素（如 body 或 section）中的則屬于短語元素。

另請參閱：

HTML 教程：HTML 腳本

HTML DOM 參考手冊：Script 對象

JavaScript 教程：學習 JavaScript

實例

例子 1：定義文檔內嵌腳本

使用 JavaScript 寫入 "Hello JavaScript!"：

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

親自試一試

例子 2：載入外部腳本庫

<script src="simple.js"></script>

親自試一試

提示和注釋

提示：針對禁用腳本或不支持腳本的瀏覽器，另請參閱 <noscript> 元素。

提示：如果您想學習有關 JavaScript 的更多內容，請訪問我們的 JavaScript 教程。

屬性

屬性 值 描述
async async 規定腳本在解析頁面的同時進行并行下載，并在可用時立即執行（在解析完成之前）（僅適用于外部腳本）。
crossorigin
  • anonymous
  • use-credentials
 將請求的模式設置為 HTTP CORS 請求。
defer defer 規定腳本在解析頁面的同時進行并行下載，并在頁面完成解析后執行（僅適用于外部腳本）。
integrity filehash 允許瀏覽器檢查獲取的腳本，以確保如果源代碼被篡改，代碼永遠不會被加載。
nomodule
  • True
  • False
 規定腳本不應在支持 ES2015 模塊的瀏覽器中執行。
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 規定在獲取腳本時發送哪些引用者信息。
src URL 規定外部腳本文件的 URL。
type 腳本類型 規定腳本的媒體類型。

HTML 和 XHTML 之間的差異

在 XHTML 中，腳本內的內容被聲明為 #PCDATA（而不是 CDATA），這意味著實體將被解析。

這意味著在 XHTML 中，所有特殊字符都應該被編碼，或者所有內容應該被包裹在 CDATA 部分中：

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

全局屬性

<script> 標簽還支持 HTML 中的全局屬性。

默認的 CSS 設置

大多數瀏覽器將顯示具有以下默認值的 <script> 元素：

script {
  display: none;
}

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持