<スクリプト>
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 の新しい属性です。
HTML 4.01 の一部の属性:「xml:space」は、HTML5 ではサポートされなくなりました。
HTML と XHTML の違い
XHTML では、スクリプト内のコンテンツ タイプは (CDATA ではなく) #PCDATA として宣言されます。これは、エンティティが解析されることを意味します。
これは、XHTML ではすべての特殊文字をエンコードするか、すべてを CDATA セクションにネストする必要があることを意味します:
//<![ CDATA[
] var i=10;
if (i<5)
{
// いくつかのコード
}
//]]>
</script>
属性
New: HTML5 の新しい属性。
| Property | Value | Description |
|---|---|---|
| asyncNew | async | スクリプトを非同期で実行するように指定します (外部スクリプトの場合のみ)。 |
| charset | charset | スクリプトで使用される文字エンコーディングを指定します (外部スクリプトの場合のみ)。 |
| defer | defer | は、ページの解析が終了したときにスクリプトが実行されることを指定します (外部スクリプトにのみ適用されます)。 |
| src | URL | 外部スクリプトの URL を指定します。 |
| type | MIME-type | スクリプトの MIME タイプを指定します。 |
| xml:space | preserve | HTML5 はサポートされていません。 コード内の空白を保持するかどうかを指定します。 |
グローバル属性
<script> タグは HTML グローバル属性をサポートします。
関連記事
HTMLチュートリアル: HTMLスクリプト
