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 元素;對於那些在瀏覽器中禁用指令碼或者其瀏覽器不支援客戶端指令碼的會員來說,該元素非常有用。
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 | MIME-type | 指示指令碼的 MIME 型別。 |
可選的屬性
屬性 | 值 | 描述 |
---|---|---|
async | async | 規定非同步執行指令碼(僅適用於外部指令碼)。 |
charset | charset | 規定在外部指令碼檔案中使用的字元編碼。 |
defer | defer | 規定是否對指令碼執行進行延遲,直到頁面載入為止。 |
language | script | 不贊成使用。規定指令碼語言。請使用 type 屬性代替它。 |
src | URL | 規定外部指令碼檔案的 URL。 |
xml:space | preserve | 規定是否保留程式碼中的空白。 |
全域性屬性
<script> 標籤支援 HTML 中的全域性屬性。
TIY 實例
- 插入一段指令碼
- 本例演示如何將指令碼插入 HTML 文件。
- 執行于不支援指令碼的瀏覽器
- 本例演示如何對付不支援指令碼的瀏覽器。
相關頁面
HTML DOM 參考手冊:Script 對像