例
「こんにちは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:space | preserve | HTML5でサポートされていません。 コード内の空白が保存されるべきかどうかを指定します |
グローバル属性
<script>タグもサポートし、グローバルは、HTMLの属性 。
関連ページ
HTMLチュートリアル: HTMLスクリプト
HTML DOMリファレンス: スクリプトオブジェクト
JavaScriptのチュートリアル: JavaScriptをご覧ください。
デフォルトのCSS設定
ほとんどのブラウザが表示されます<script>次のデフォルト値を持つ要素を:
script {
display: none;
}