#はじめに
タイトルに記述した3つのメソッドは全てwindow
オブジェクトのメソッド。
3つのメソッドの挙動が似ているためそれぞれの違いをまとめます。
alertメソッド
Window.alert() メソッドは、オプションの指定されたコンテンツと OK ボタンを持つ警告ダイアログを表示します。
<script>
window.alert('アプリ連携が完了しました。');
</script>
confirmメソッド
Window.confirm() メソッドは、メッセージと、OK, キャンセルの 2 つのボタンを持つモーダルダイアログを表示します。
※モーダルダイアログ・・・閉じるまで親ウィンドウの操作ができなくなるダイアログのこと
(「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典)
<script>
window.confirm('ゲームスタート!準備はいい?');
</script>
・「OK」をクリックした場合はtrue
、「キャンセル」をクリックした場合はfalse
が返ってくる。
promptメソッド
ユーザにテキストを入力することを促すメッセージを持つダイアログを表示します。
<script>
window.prompt('星座を入力してください。');
</script>
第2引数を指定することで初期値を指定することも可能。
<script>
window.prompt('星座を入力してください。', '蟹座');
</script>
・「OK」をクリックした場合のみ入力されたテキストが戻り値として返ってくる。(キャンセルの場合は何も返ってこない)
・空の状態で「OK」をクリックした場合はnillが戻り値となる。
##まとめ
alertメソッド → テキスト+OKボタン
confirmメソッド → テキスト+OKボタン+キャンセルボタン
promptメソッド → テキスト+テキスト入力ボックス+OKボタン+キャンセルボタン
参考記事
https://developer.mozilla.org/ja/docs/Web/API/Window/alert
https://developer.mozilla.org/ja/docs/Web/API/Window/confirm
https://developer.mozilla.org/ja/docs/Web/API/Window/prompt