HTML <script> 標籤
示例
用 JavaScript 編寫 "Hello JavaScript!"
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
自己動手試一試 »
定義和用法
<script> 標籤用於嵌入客戶端指令碼 (JavaScript)。
<script> 元素要麼包含指令碼語句，要麼透過 src 屬性指向外部指令碼檔案。
JavaScript 的常見用途是影像處理、表單驗證和內容的動態更改。
提示和註釋
提示： 對於在瀏覽器中停用指令碼或瀏覽器不支援客戶端指令碼的使用者，還可以檢視 <noscript> 元素。
提示： 如果您想了解更多關於 JavaScript 的資訊，請訪問我們的 JavaScript 教程。
瀏覽器支援
| 元素 | |||||
|---|---|---|---|---|---|
| <script> | 是 | 是 | 是 | 是 | 是 |
屬性
| Attribute | 值 | 描述 |
|---|---|---|
| async | async | 指定指令碼與頁面解析並行下載，並在可用時立即執行（在解析完成之前）（僅適用於外部指令碼） |
| crossorigin | anonymous use-credentials |
將請求模式設定為 HTTP CORS 請求 |
| defer | defer | 指定指令碼與頁面解析並行下載，並在頁面解析完成後執行（僅適用於外部指令碼） |
| integrity | 檔案雜湊 | 允許瀏覽器檢查獲取的指令碼，以確保如果源已被篡改，則絕不會載入程式碼 |
| 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[
let i = 10;
if (i < 5) {
// 一些程式碼
}
//]]>
</script>
全域性屬性
<script> 標籤還支援 HTML 中的全域性屬性。
相關頁面
HTML 教程：HTML 指令碼
HTML DOM 參考：Script 物件
JavaScript 教程：學習 JavaScript
預設 CSS 設定
大多數瀏覽器將使用以下預設值顯示 <script> 元素
指令碼 {
display: none;
}
