JavaScript ポップアップ

JavaScript では、3種類のメッセージボックスを作成できます：警告ボックス、確認ボックス、プロンプトボックス。

警告ボックス

警告ボックスは、ユーザーが何らかの情報を確実に受け取れるようにするためによく使用されます。

警告ボックスが表示された後、ユーザーは操作を続けるために「OK」ボタンをクリックする必要があります。

構文

window.alert("sometext");

window.alert()メソッドはwindowオブジェクトを付けずに直接使用できます。alert()メソッド。

例

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("こんにちは、私は警告ボックスです！");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="警告ボックスを表示">

</body>
</html>

試してみる »

確認ボックス

確認ボックスは、通常、ユーザーの操作を受け入れるかどうかを検証するために使用されます。

確認ボックスが表示されると、ユーザーは「確認」または「キャンセル」をクリックして操作を確定できます。

「確認」をクリックすると確認ボックスはtrueを返し、「キャンセル」をクリックするとfalseを返します。

構文

window.confirm("sometext");

window.confirm()メソッドはwindowオブジェクトを付けずに直接使用できます。confirm()メソッド。

例

var r=confirm("ボタンを押してください");
if (r==true)
{
x="「確定」ボタンを押しました!";
}
else
{
x="「キャンセル」ボタンを押しました!";
}

試してみる »

プロンプトボックス

プロンプトボックスは、ページに入る前にユーザーに何らかの値を入力するよう促すためによく使用されます。

プロンプトボックスが表示されたら、ユーザーは値を入力し、続行するために「確認」または「キャンセル」ボタンをクリックする必要があります。

ユーザーが「確認」をクリックした場合、戻り値は入力された値です。ユーザーが「キャンセル」をクリックした場合、戻り値はnullです。

構文

window.prompt("sometext","defaultvalue");

window.prompt()メソッドはwindowオブジェクトを付けずに直接使用できます。prompt()メソッド。

例

var person=prompt("あなたの名前を入力してください","Harry Potter");
if (person!=null && person!="")
{
x="こんにちは " + person + "! 今日の気分はどうですか?";
    document.getElementById("demo").innerHTML=x;
}

試してみる »

改行

ポップアップは、バックスラッシュ + "n"(\n) を使用して改行を設定します。

例

alert("Hello\nHow are you?");

試してみる »
その他の拡張