<腳本>
HTML <script> 標籤
#實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
document.write("Hello World!")
</script>
</body>
</html>運行實例»
點擊"運行實例" 按鈕查看線上實例
瀏覽器支援
所有主流瀏覽器都支援< script> 標籤。
標籤定義並使用說明
<script> 標籤用來定義客戶端腳本，例如 JavaScript。
<script> 元素既可包含腳本語句，也可以透過 "src" 屬性指向外部腳本檔案。
JavaScript 通常用於圖片操作、表單驗證以及動態內容變更。
提示與註解
註解：如果使用 "src" 屬性，則 <script> 元素必須是空的。
提示：請參閱 <noscript> 元素，對於那些在瀏覽器中停用腳本或其瀏覽器不支援客戶端腳本的使用者來說，該元素非常有用。
註解： 有多種執行外部腳本的方法：
- #如果async="async"：腳本相對於頁面的其餘部分異步地執行（當頁面繼續進行解析時，腳本將被執行）
- 如果不使用async 且defer="defer"：腳本將在頁面完成解析時執行
- 如果既不使用async 也不使用defer：在瀏覽器繼續解析頁面之前，立即讀取並執行腳本
HTML 4.01 與HTML5之間的差異
在HTML 4 中，"type " 屬性是必需的，但在HTML5 中是可選的。
"async" 屬性是 HTML5 中的新屬性。
HTML5 中不再支援 HTML 4.01 中的某些屬性：「xml:space」。
HTML 與 XHTML 之間的差異
在 XHTML 中，腳本中的內容類型宣告為 #PCDATA（取代 CDATA），就是說會對實體進行解析。
這意味著，在XHTML 中，應該編碼所有特殊的字符，或者把所有內容嵌套在CDATA 部分中：
<script type="text/javascript ">
//<![CDATA[
var i=10;
if (i<5)
{
// some code
}
//]]>
</script>
//<![CDATA[
var i=10;
if (i<5)
{
// some code
}
//]]>
</script>
屬性
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| asyncNew | async | 規定非同步執行腳本（僅適用於外部腳本）。 |
| charset | charset | #規定腳本中使用的字元編碼（僅適用於外部腳本）。 |
| defer | defer | 規定當頁面已完成解析後，執行腳本（僅適用於外部腳本）。 |
| src | URL | #規定外部腳本的 URL。 |
| type | MIME-type | #規定腳本的 MIME 類型。 |
| xml:space | preserve | #HTML5 不支援。 規定是否保留程式碼中的空白。 |
全域屬性
<script> 標籤支援 HTML 的全域屬性。
相關文章
HTML 教學：HTML 腳本
