JavaScriptのポップアップ

JavaScriptでは、ユーザーと対話するためにダイアログやポップアップウィンドウを作成できます。

JavaScriptには警告ボックス、確認ボックス、ポップアップボックスの3種類のポップアップボックスがあります。

警告ボックス

警告ボックスは最もシンプルなポップアップボックスです。短いメッセージをユーザーに表示できます。

それには「確定」ボタンをクリックする必要があります。

構文：

window.alert("msg")

window.alert()メソッドは「window.」プレフィックスがなく、直接使用できます：

alert("Hello　world!");

確認ボックス

ユーザーが特定の内容を確認または承認するようにしたい場合、通常確認ボックスを使用します。

確認ボックスは警告ボックスに似ていますが、その中に「キャンセル」および「確定」ボタンが含まれています。

ユーザーが「確定」をクリックすると、このボックスは返しますtrue。ユーザーが「キャンセル」をクリックすると、このボックスは返しますfalse。

構文：

window.confirm("msg")

window.confirm()メソッドは「window.」プレフィックスがなく、直接使用できます：

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

ポップアップボックス

ユーザーがページにアクセスする前に値を入力するようにしたい場合、通常ポップアップボックスを使用します。

ポップアップボックスにはテキスト入力フィールド、「確定」および「キャンセル」ボタンが含まれています。

ユーザーが「確定」をクリックすると、このボックスは入力値を返します。ユーザーが「キャンセル」をクリックすると、このボックスはnullを返します。

構文：

window.prompt("msg",　"defaultText")

window.prompt()メソッドは「window.」プレフィックスがなく、直接使用できます：

var　name　=　prompt("あなたの名前を入力してください",　"Someone");
if　(name　!=　null)　{
　　　document.getElementById("output").innerHTML　=　"Hello　"　+　name;
}

注意：prompt()メソッドが返す値は常に文字列です。これは、ユーザーが入力フィールドに値を入力した場合、15、ならば文字列「 15”15。

したがって、戻り値を数字として使用する場合、変換する必要があります。以下を参照してください。JavaScriptでデータ型を変換する方法。

ダイアログに改行符を表示

ダイアログに改行符を表示するには、改行符または改行符（\n）を使用してください；文字nの前に反斜線があります。

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

さらに例

この例では、JavaScriptがサポートする異なるタイプのダイアログを示しています：