HTML <script> 標簽 · W3School HTML 參考手冊

# HTML <script> 標簽 ## 實例在 HTML 頁面中插入一段 JavaScript： ``` <script type="text/javascript"> document.write("Hello World!") </script> ``` （在本頁底部可以找到更多實例） ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 <script> 標簽。 ## 定義和用法 <script> 標簽用于定義客戶端腳本，比如 JavaScript。 script 元素既可以包含腳本語句，也可以通過 src 屬性指向外部腳本文件。必需的 type 屬性規定腳本的 MIME 類型。 JavaScript 的常見應用時圖像操作、表單驗證以及動態內容更新。 ## 提示和注釋：注釋：假如此元素內部的代碼沒有位于某個函數中，那么這些代碼會在頁面被加載時被立即執行。<frameset> 標簽之后的腳本會被忽略。提示：請參閱 [noscript 元素](/tags/tag_noscript.asp "HTML <noscript> 標簽")；對于那些在瀏覽器中禁用腳本或者其瀏覽器不支持客戶端腳本的用戶來說，該元素非常有用。 ## HTML 與 XHTML 之間的差異在 HTML 4.01 中，script 元素的 "language" 屬性不被贊成使用。在 XHTML 1.0 Strict DTD 中，script 元素的 "language" 屬性不被支持。 ### HTML 4 和 XHTML 在處理腳本中的內容方面有所不同：在 HTML 4 中，內容類型聲明為 CDATA，就是說不會對實體進行解析。在 XHTML 中，內容類型聲明為 (#PCDATA)，也就是說會對實體進行解析。這意味著，在 XHTML 中，應該編碼所有特殊的字符，或者把所有內容嵌套在 CDATA 部分中。為了確保在 XHTML 文檔中腳本正確進行解析，請使用如下語法： ``` <script type="text/javascript"><![CDATA[ document.write("Hello World!") //]]></script> ``` ## 必選的屬性 | 屬性 | 值 | 描述 | | --- | --- | --- | | [type](/tags/att_script_type.asp) | _MIME-type_ | 指示腳本的 MIME 類型。 | ## 可選的屬性 | 屬性 | 值 | 描述 | | --- | --- | --- | | [async](/tags/att_script_async.asp "HTML5 <script> async 屬性") | async | 規定異步執行腳本（僅適用于外部腳本）。 | | [charset](/tags/att_script_charset.asp) | _charset_ | 規定在外部腳本文件中使用的字符編碼。 | | [defer](/tags/att_script_defer.asp) | defer | 規定是否對腳本執行進行延遲，直到頁面加載為止。 | | [language](/tags/att_script_type.asp#type_language) | _script_ | 不贊成使用。規定腳本語言。請使用 type 屬性代替它。 | | [src](/tags/att_script_src.asp) | _URL_ | 規定外部腳本文件的 URL。 | | xml:space | preserve | 規定是否保留代碼中的空白。 | ## 全局屬性 <script> 標簽支持 [HTML 中的全局屬性](/tags/html_ref_standardattributes.asp)。 ## TIY 實例 [插入一段腳本](/tiy/t.asp?f=html_script) 本例演示如何將腳本插入 HTML 文檔。 ``` <html> <body> <script type="text/javascript"> document.write("<h1>Hello World!</h1>") </script> </body> </html> ``` [運行于不支持腳本的瀏覽器](/tiy/t.asp?f=html_noscript) 本例演示如何對付不支持腳本的瀏覽器。 ``` <!DOCTYPE html> <html> <body> <script type="text/javascript"> document.write("Hello World!") </script> <noscript>Sorry, your browser does not support JavaScript!</noscript> <p>不支持 JavaScript 的瀏覽器將顯示 noscript 元素中的文本。</p> </body> </html> ``` ## 相關頁面教程：[JavaScript 教程](/js/index.asp) 教程：[VBScript 教程](/vbscript/index.asp) ## 相關頁面 HTML DOM 參考手冊：[Script 對象](/jsref/dom_obj_script.asp "HTML DOM Script 對象")