HTMLスクリプト

link：/html/html_styles [previous] link：/html/html_quick_guide [next] [[1]] php [AddThis Social Bookmark Button]

_script_は、Webサイトにインタラクティブ機能を追加できる小さなプログラムです。たとえば、スクリプトはポップアップアラートボックスメッセージを生成したり、ドロップダウンメニューを提供したりできます。このスクリプトは、JavascriptまたはVBScriptです。

任意のスクリプト言語を使用してイベントハンドラーを記述し、HTML属性を使用してこれらの関数をトリガーできます。

HTMLドキュメントでスタイルシートを使用する方法は2つあります。

外部スクリプト：

多くのHTMLページ間で単一のスクリプト機能を使用する必要がある場合、その機能を単一のスクリプトファイルに保持し、このファイルをすべてのHTMLページに含めることをお勧めします。 <script>要素を使用して、スタイルシートファイルをHTMLドキュメントに含めることができます。以下はその例です。

内部スクリプト：

スクリプトコードをHTMLドキュメントに直接書き込むことができます。通常、<script>タグを使用してドキュメントのヘッダーにスクリプトコードを保持します。それ以外の場合、制限はなく、ドキュメントの任意の場所にソースコードを配置できます。スクリプトを自動的に実行するか（ページが読み込まれるとすぐに）、ユーザーが何かを実行した後（リンクをクリックするなど）を指定できます。以下は、ページが読み込まれるとすぐに_Hello Javascript！_メッセージを書き込む例です。

<head> <title>Internal Script</title> </head> <body> <script type="text/javascript"> document.write("Hello Javascript!") </script> </body>

これにより、次の結果が生成されます。

document.write("Hello Javascript!")

より快適になるために-link：/cgi-bin/practice.cgi？file = html_script_tag [オンライン練習を行う]

イベントハンドラの作成：

イベントハンドラを記述するのは非常に簡単です。次の例では、イベントハンドラの記述方法について説明します。ドキュメントのヘッダーに1つの単純な関数_myAlert_を記述しましょう。ユーザーが例で書かれた段落の上にマウスを持っていくと、この関数を呼び出します。

<head> <title>Event Handler Example t</title> <script type="text/javascript"> function myAlert() { alert("I am an event handler...."); return; } </script> </head> <body> <span onmouseover="myAlert();"> Bring your mouse here to see an alert </span> </body>

これにより、次の結果が生成されます。この行にマウスを移動して、結果を確認します。

Bring your mouse here to see an alert

より快適になるために-link：/cgi-bin/practice.cgi？file = html_event_tag [オンライン練習を行う]

古いブラウザからスクリプトを隠す

最近（ほとんどではないにしても）ほとんどのブラウザはスクリプトをサポートしていますが、一部の古いブラウザはサポートしていません。ブラウザがJavaScriptをサポートしていない場合、スクリプトを実行する代わりに、ユーザーにコードを表示します。これを防ぐには、スクリプトの周りにHTMLコメントを配置するだけです。古いブラウザはスクリプトを無視しますが、新しいブラウザはスクリプトを実行します。

JavaScript Example: <script type="text/javascript">  </script> VBScript Example: <script type="text/vbscript">  </script>

<noscript>要素：

ブラウザがスクリプトをサポートしていないユーザーや、スクリプトを無効にしているユーザーに代替情報を提供することもできます。これを行うには、_ <noscript> _タグを使用します。

JavaScript Example: <script type="text/javascript">  </script> <noscript>Your browser does not support Javascript!</noscript> VBScript Example: <script type="text/vbscript">  </script> <noscript>Your browser does not support VBScript!</noscript>

デフォルトのスクリプト言語

使用するすべての_script_タグにデフォルトのスクリプト言語を指定できます。これにより、ページ内でスクリプトタグを使用するたびに言語を指定する必要がなくなります。以下に例を示します。

スクリプトタグ内で言語を指定することで、デフォルトを上書きすることができます。

リンク：/html/html_styles [previous] link：/html/html_quick_guide [next] link：/cgi-bin/printversion.cgi？tutorial = html＆file = html_scripts [Printer Friendly]

Html-scripts

目次