JAvascriptの3種類のメッセージボックスalert警告ボックスconfirm確認ボックスpromptプロンプトボックス
2219 ワード
javascriptでは、警告ボックス、確認ボックス、プロンプトボックスの3つのメッセージボックスを作成できます.
警告ボックス
警告ボックスは、通常、ユーザーがいくつかのメッセージを得ることができることを保証するために使用されます.
警告ボックスが表示されると、ユーザーは操作を続行するには、「OK」ボタンをクリックする必要があります.
構文:
確認ボックス
確認ボックスでは、ユーザーが特定の情報を検証または受け入れることができます.
確認ボックスが表示されると、操作を続行するには、「OK」または「キャンセル」ボタンをクリックする必要があります.
ユーザーが確認をクリックするとtrueに戻り、ユーザーがキャンセルをクリックするとfalseに戻ります.
構文:
プロンプトボックス
プロンプト・ボックスは、ページに入る前に値を入力するようユーザーにプロンプトするためによく使用されます.
プロンプトボックスが表示されると、ユーザーは値を入力し、OKまたはキャンセルボタンをクリックして操作を続行する必要があります.
ユーザがOKボタンをクリックすると、戻り値はユーザが入力した値であり、ユーザがキャンセルボタンをクリックした場合、戻り値はnullである.
構文:
Chrome、IE javascriptメッセージボックスの右上隅に閉じるボタンがあるブラウザもあります
警告ボックスで閉じるボタンをクリックするのは確定ボタンをクリックするのと同じです
確認ボックスで閉じるボタンをクリックするのはキャンセルボタンをクリックするのと同じです
ヒントボックスで閉じるボタンをクリックするのはキャンセルボタンをクリックするのと同じです
警告ボックス
警告ボックスは、通常、ユーザーがいくつかのメッセージを得ることができることを保証するために使用されます.
警告ボックスが表示されると、ユーザーは操作を続行するには、「OK」ボタンをクリックする必要があります.
構文:
alert(‘ ’);
確認ボックス
確認ボックスでは、ユーザーが特定の情報を検証または受け入れることができます.
確認ボックスが表示されると、操作を続行するには、「OK」または「キャンセル」ボタンをクリックする必要があります.
ユーザーが確認をクリックするとtrueに戻り、ユーザーがキャンセルをクリックするとfalseに戻ります.
構文:
confirm(‘ ’);
プロンプトボックス
プロンプト・ボックスは、ページに入る前に値を入力するようユーザーにプロンプトするためによく使用されます.
プロンプトボックスが表示されると、ユーザーは値を入力し、OKまたはキャンセルボタンをクリックして操作を続行する必要があります.
ユーザがOKボタンをクリックすると、戻り値はユーザが入力した値であり、ユーザがキャンセルボタンをクリックした場合、戻り値はnullである.
構文:
prompt(‘ ’,’ ’);
Chrome、IE javascriptメッセージボックスの右上隅に閉じるボタンがあるブラウザもあります
警告ボックスで閉じるボタンをクリックするのは確定ボタンをクリックするのと同じです
確認ボックスで閉じるボタンをクリックするのはキャンセルボタンをクリックするのと同じです
ヒントボックスで閉じるボタンをクリックするのはキャンセルボタンをクリックするのと同じです
javascript
var alertBtn = document.getElementById('alertBtn');
alertBtn.onclick = function () {
alert(' ');
};
var alertBtn2 = document.getElementById('alertBtn2');
alertBtn2.onclick = function () {
alert(' , , , , , , , ');
alert(' ,
');
};
var confirmBtn = document.getElementById('confirmBtn');
confirmBtn.onclick = function () {
if (confirm('press a button')) {
alert('You pressed OK !');
} else {
alert('You pressed Cancel !');
}
};
var promptBtn = document.getElementById('promptBtn');
promptBtn.onclick = function () {
var name = prompt(' ', 'Bill Gates');
if (name != null && name != '') {
alert(' ,'+name+', ?');
}
};