最新のWeb開発のチュートリアル
 

HTML <script> Tag

❮前 次❯

例

「こんにちはJavaScriptを！ "書きます JavaScriptを使用：

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
»それを自分で試してみてください

定義と使用法

<script>タグは、クライアント側スクリプト（JavaScriptの）を定義するために使用されます。

<script>要素は、スクリプトのステートメントが含まれているか、それが通って外部スクリプトファイルを指すsrc属性。

JavaScriptのための一般的な用途は、画像操作、フォーム検証、およびコンテンツの動的な変化です。

ヒント：あなたはJavaScriptを学びたいのであれば、私たちの訪問JavaScriptのチュートリアル 。

ブラウザのサポート

素子
<script> はい はい はい はい はい

ヒントと注意事項

注：場合は"src"属性が存在している、 <script>要素は空でなければなりません。

ヒント：また見て<noscript>自分のブラウザで無効にするスクリプトを持っている、またはクライアント側のスクリプトをサポートしていないブラウザを持つユーザーのための要素。

注：外部スクリプトを実行できるいくつかの方法があります。

  • 場合async="async" ：スクリプトは、ページの残りの部分とは非同期に実行されます（ページが構文解析を継続している間にスクリプトが実行されます）
  • 場合async存在せず、 defer="defer" ：ページが構文解析を終了したときにスクリプトが実行されます
  • どちらの場合はasyncまたはdefer存在する：ブラウザがページを解析する続行する前に、スクリプトは、フェッチされ、すぐに実行されます

HTML 4.01とHTML5の違い

"type"属性は、HTML 4で必要ですが、HTML5ではオプションされています。

"async"属性はHTML5で新しく追加されました。

HTML 4.01属性： "xml:space" 、HTML5ではサポートされていません。

HTMLとXHTMLの違い

XHTMLでは、スクリプト内のコンテンツは、エンティティが解析されることを意味します（代わりにCDATAの）#PCDATAとして宣言されています。

これはXHTMLで、すべての特殊文字をエンコードする必要があり、またはすべてのコンテンツはCDATAセクション内にラップする必要があることを意味します。

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

属性

= HTML5で追加。

属性 値 説明
async async 指定したスクリプトを非同期で実行されていること（のみ外部スクリプト用）
charset charset 外部スクリプトファイルで使用される文字エンコーディングを指定します。
defer defer ページを、解析を終了したときにスクリプトが実行されることを指定します（のみ外部スクリプト用）
src URL 外部スクリプトファイルのURLを指定します。
type media_type スクリプトのメディアタイプを指定します。
xml:spacepreserve HTML5でサポートされていません。
コード内の空白が保存されるべきかどうかを指定します

グローバル属性

<script>タグもサポートし、グローバルは、HTMLの属性 。

関連ページ

HTMLチュートリアル： HTMLスクリプト

HTML DOMリファレンス： スクリプトオブジェクト

JavaScriptのチュートリアル： JavaScriptをご覧ください。

デフォルトのCSS設定

ほとんどのブラウザが表示されます<script>次のデフォルト値を持つ要素を：

script {
    display: none;
}


❮前 次❯