JavaScript ポップアップウィンドウ

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

警告ボックス

情報をユーザーに伝えることを確実にするために、通常警告ボックスを使用します。

警告ボックスが表示された場合、ユーザーは「確定」をクリックして続行する必要があります。

文法

window.alert("sometext");

window.alert(); メソッドはオプションで省略できます。 window 接頭辞で書かれます。

インスタンス

alert("私は警告ボックスです！");

自分で試してみる

確認ボックス

ユーザーが何かを確認または承認する必要がある場合、通常「確認」ボックスを使用します。

確認ボックスが表示された場合、ユーザーは「確定」または「キャンセル」をクリックして続行する必要があります。

ユーザーが「確定」をクリックした場合、このボックスは true。ユーザーが「キャンセル」をクリックした場合、このボックスは false。

文法

window.confirm("sometext");

window.confirm(); メソッドはオプションで省略できます。 window プレフィックスで書かれています。

インスタンス

var r = confirm("確認してください。");
if (r == true) {
    x = "您按了确认！";
} else {
    x = "您按了取消！";
}

自分で試してみる

ポップアップボックス

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

ポップアップボックスが表示されたとき、ユーザーは値を入力して「确定」をクリックしたり「キャンセル」をクリックしたりして続行する必要があります。

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

文法

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

window.prompt() メソッドはオプションで省略できます。 window プレフィックスで書かれています。

インスタンス

var person = prompt("请输入您的姓名", "比尔盖茨");
if (person != null) {
    document.getElementById("demo").innerHTML = "你好 " + person + "！今天过的怎么样？";
}

自分で試してみる

换行

弹出窗口中显示换行符时，请在反斜杠后加一个字符 n。

インスタンス

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

自分で試してみる