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>