HTMLでのスクリプトの扱い
スポンサード リンク
ホームページをより動的、インタラクティブにするためにスクリプトを加えます。
HTMLでのスクリプトの扱いのサンプル
スクリプト挿入のサンプル
HTMLドキュメントにスクリプトを挿入する方法をデモンストレーションします。
<noscript>タグのサンプル
スクリプトをサポートしないブラウザへの対処方法をデモンストレーションします。
HTMLページにスクリプトを挿入する
HTMLでのスクリプトは<script>タグで定義されます。スクリプトを記述する言語を指定するために、type属性を使用しなければいけないことに注意してください。
<html>
<head>
</head>
<body><script type="text/javascript">
document.write("こんにちは")
</script></body>
</html>上記のスクリプトは、以下のように出力されます。
こんにちは
古いブラウザでのスクリプトの扱い
<script>タグを全く認識しないブラウザは、テキストとして<script>タグの内容を表示します。これを防ぐためには、コメントタグの中にスクリプトを記述します。コメントタグによって囲まれていても、新しいブラウザではスクリプトが実行される一方、古いブラウザ（スクリプトを認識しないブラウザ）は、コメントを無視し、ページ上にタグの内容を表示しません。
<script type="text/javascript">
<!--
document.write("こんにちは")
//-->
</script><noscript>タグ
コメント内部にスクリプトを挿入し、さらに<noscript>タグを加えることができます。
<noscript>タグは、スクリプトが実行されない場合の代替テキストを定義するために使用されます。<noscript>タグは、<script>タグは認識するが、スクリプト内部をサポートしないブラウザのために使用されます。したがってこれらのブラウザは、<noscript>タグ内部のテキストを代わりに表示します。しかしながら、ブラウザが<script>タグ内部のスクリプトをサポートする場合、<noscript>タグは無視されます。
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>あなたのブラウザではJavaScriptがサポートされていません</noscript>スクリプトに関するHTMLタグ一覧表
| タグ | 説明 |
|---|---|
| <script> | スクリプトを定義します |
| <noscript> | スクリプトが実行されない場合の代替テキストを定義します |
| <object> | 埋め込まれたオブジェクトを定義します |
| <param> | オブジェクトのランタイムセッティング（パラメーター）を定義します |
| <applet> | 非推奨。代わりに<object>タグを使います |
スポンサード リンク