説明
[OK]ボタンのある警告ダイアログを表示します。[OK]ボタンをクリックするか、[×]ボタンでダイアログが閉じられるまで、スクリプトは次の処理へ進みません。また、ダイアログが表示されている間はブラウザの操作は行えません。

基本構文
(ウィンドウ名またはフレーム名[省略可]).alert("ダイアログに表示する文字列や数値")

改行
ダイアログに表示する文字列を改行したい場合には\nを追加します。
("一行目の文字列\n" + "二行目の文字列\n" + "三行目の文字列")

タブ
同じように\tを挿入すると、タブを入れることができます。

数値
数値の計算を行う時は、以下のように書きます。
(例)window.alert(123+456);

window.alert("123+456");
window.alert("123"+"456");
と書くと文字列として認識されますので注意して下さい。

先ほどのように、ページ取得した直後に警告を表示するには以下のように書きます。
<body onLoad="message()">と書くことにより、ページ取得の際にfunction message()を呼び出します。
ソース
<html>
<title></title>
<head>
<script language="javascript" type="text/javascript">
function message()
{
　　　window.alert("メッセージを表示しました。");
}
</script>
</head>
<body onLoad="message()">
</body>
</html>
説明2
フォームボタンを用いて、ボタンがクリックされたら関数を実行するには以下のように書きます。
ソース2
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
function message2()
{
　　　window.alert("ボタンがクリックされました。");
}
</script>
</head>
<body>
　　　<form name="form1" action="">
　　　　　　<input type="button" value="クリックしてください" onclick="message2()">
　　　</form>
</body>
</html>
説明3
テキストフォームから値を受け取り、受け取った値を表示するには以下のように書きます。
ソース3
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
function message3()
{
　　　window.alert(document.form2.text1.value);
　　　window.alert(document.form2.text2.value);
}
</script>
</head>
<body>
　　　<form name="form2" action="">
　　　　　　<input type="text" name="text1">
　　　　　　<input type="text" name="text2">
　　　　　　<input type="button" value="クリックしてください" onclick="message3()">
　　　</form>
</body>
</html>

戻る