JavaScript ポップアップボックス
JavaScriptには、アラートボックス、確認ボックス、プロンプトボックスの3種類のポップアップボックスがあります。
アラートボックス
アラートボックスは、情報をユーザーに確実に届けたい場合によく使用されます。
警告ボックスが表示されたら、ユーザーはOKをクリックして続行する必要があります。
構文
<div> window.alert("<i>sometext</i>");</div>
window.alert()メソッドは、windowプレフィックスなしで作成できます。
確認ボックス
確認ボックスは、ユーザーに何かを確認または承認してもらいたい場合によく使用されます。
確認ボックスが表示されたら、ユーザーは「OK」または「キャンセル」をクリックして続行する必要があります。
ユーザーが「OK」をクリックすると、ボックスはtrueを返します。ユーザーが「キャンセル」をクリックすると、ボックスは falseを返します。
構文
<div> window.confirm("<i>sometext</i>");</div>
window.confirm()メソッドは、windowプレフィックスなしで記述できます。
例
if (confirm("Press a button!")) {
txt = "You pressed OK!";
} else {
txt = "You pressed Cancel!";
}
プロンプトボックス
プロンプトボックスは、ユーザーがページに入る前に値を入力するようにする場合によく使用されます。
プロンプトボックスが表示されたら、ユーザーは入力値を入力した後、[OK]または[キャンセル]をクリックして続行する必要があります。
ユーザーが「OK」をクリックすると、ボックスは入力値を返します。ユーザーが[キャンセル]をクリックすると、ボックスはnullを返します。
構文
<div> window.prompt("<i>sometext</i>","<i>defaultText</i>");</div>
window.prompt()メソッドは、windowプレフィックスなしで作成できます。
例
let person = prompt("Please enter your name", "Harry Potter");
let text;
if (person == null || person == "") {
text = "User cancelled the prompt.";
} else {
text = "Hello " + person + "! How are you today?";
}
改行
ポップアップボックス内に改行を表示するには、バックスラッシュに続けて文字nを使用します。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。