HTML要素スクリプト要素
script
スクリプトの埋め込み
2009/8/26
構文
<script>~</script>
script要素は、JavaScriptの埋め込みを表します。
script要素の内容は、ブラウザ上には表示されません。
script要素は、head要素内またはbody要素内に記述することができます。 外部JavaScriptファイルを読み込んだり、ページに直接JavaScriptを記述する場合に使用します。
script要素のtype属性は、必須属性です。
JavaScriptの場合は、「text/javascript」を指定します。
src属性が指定されていない場合は、type属性の値に依存します。 src属性が指定されている場合は、空またはscript文書のいずれかを含んでいる必要があります。
属性 | 値 | 説明 |
---|---|---|
グローバル属性 | - | 全要素共通の属性。 |
src | URL | 読み込む外部スクリプトのURIを指定(相対または絶対パス)。 |
async | TRUE FALSE | スクリプトを非同期に実行するかどうかの有無を指定。非同期に実行する場合はTRUEを指定。 |
defer | TRUE FALSE | スクリプトの実行結果を待たずにページを表示するかどうかの有無を指定。実行結果を待たずにページを表示する場合はTRUEを指定。 |
type | MIMEタイプ | スクリプトのメディアタイプを指定。JavaScriptの場合は「text/javascript」。 |
charset | 言語コード | スクリプトのの文字コードを指定。 |
サンプル
<head> <script type="text/javascript" src="/content/lib/jquery/jquery.js" charset="utf-8"></script> <script type="text/javascript"> $(function(){ $("#message").text("Hello!"); }); </script> </head> <body> <div id="message"></div> <div id="message2"></div> <script type="text/javascript"> $(function(){ $("#message2").text("Good Bye!"); }); </script> </body>
noscript
スクリプト無効ユーザー向け代替テキスト
2009/8/26
構文
<noscript>~</noscript>
noscript要素は、JavaScriptが無効になっている場合に表示する代替テキストを表します。
noscript要素の内容は、ユーザーの閲覧ブラウザのjavascriptが有効になっている場合には表示されませんが、無効になっている場合はブラウザ上に表示されます。
noscript要素は、head要素内に記述することはできません。 body要素内にのみ指定可能です。
属性
固有の属性はありません。
属性 | 値 | 説明 |
---|---|---|
グローバル属性 | - | 全要素共通の属性。 |
サンプル
<body> <script type="text/javascript" src="/content/lib/jquery/jquery.js" charset="utf-8"></script> <div id="message"></div> <script type="text/javascript"> $(function(){ $("#message").text("Good Bye!"); }); </script> <noscript> <p>このコンテンツは、ブラウザのJavaScript設定を有効にしてご覧ください。</p> </noscript> </body>