最新の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;
}