2007年5月18日(金) 23時44分01秒 [機能]

アラートボックスを表示する

JavaScriptでは、「OK」ボタンが1つだけあるダイアログボックス（アラートボックス）を表示させることができます。
方法は簡単で、以下のようにalertメソッドを記述するだけです。

alert("こんにちは！");

「こんにちは！」の部分を書き換えることで、任意の文字列を表示できます。
ボタンクリックでアラートボックスを出したい場合は、以下のようにHTMLとJavaScriptを書けばよいでしょう。

<input type="button" value="挨拶" onclick="alert('こんにちは！');" />


これを表示させると、以下のようになります。

表示させる文字列は、引用符（「"」または「'」）で囲みます。
onclick属性の中など、ダブルクォーテーションを使って囲まれている内側に記述する場合は、シングルクォーテーションを使う必要があります。

記述した文字列以外にも様々な情報を表示できる

文字列だけでなく、様々な値を表示させることもできます。
例えば、以下のように記述すると、閲覧者のユーザエージェント名（ブラウザ名など）を表示できます。

alert( navigator.userAgent );

この場合は、alertメソッドの引数（上記の場合は「navigator.userAgent」の部分）は、引用符で囲んではいけません。引用符で囲むと、「navigator.userAgent」という文字列をそのまま表示してしまいます。

上記のソースで先ほどと同様にボタンを作ると、以下のようになります。

任意の文字列と何らかの値を組み合わせて表示させる

先ほどの例だと、アラートボックスの中にいきなりユーザエージェント名が表示されるだけです。もうちょっと分かりやすく、「ユーザエージェントは、XXXです。」のように任意の文字列を組み合わせて表示させることもできます。

任意の文字列や値をつなげるには、「+」演算子を使います。

alert("ユーザエージェント名は、" + navigator.userAgent + "です。");

上記のソースで先ほどと同様にボタンを作ると、以下のようになります。

こんな感じで、簡単にアラートボックス（警告ダイアログボックス）を表示することができます。

いきなりたくさん表示されると鬱陶しくてかなわないので、ページの読み込み完了と同時にいきなり表示するようなことは避けた方がいいと思います。(^_^;)