JavaScript alert

概要: このチュートリアルでは、JavaScript の alert() メソッドを使用してアラートダイアログを表示する方法を学びます。

JavaScript alert() メソッド入門

ブラウザは、システムダイアログを呼び出して、ユーザーに情報を表示できます。

ここをクリックして、アラートシステムダイアログを表示します。

システムダイアログは、ブラウザに表示されている Web ページとは関係ありません。また、HTML を含んでいません。その外観は、CSS ではなく、現在のオペレーティングシステムとブラウザのみに依存します。

アラートシステムダイアログを呼び出すには、window オブジェクトの alert() メソッドを呼び出します。

window.alert(message);
Code language: JavaScript (javascript)

または

alert(message);

message は、ユーザーに表示したい情報を含む文字列です。

例：

alert('Welcome to JavaScriptTutorial.net!');
Code language: JavaScript (javascript)

alert() メソッドが呼び出されると、システムダイアログには、指定されたメッセージと、1 つの OK ボタンが表示されます。

エラーなど、ユーザーが制御できない情報をユーザーに通知するために、アラートダイアログを使用します。ユーザーが選択できるのは、メッセージを読んだ後にダイアログを閉じることだけです。

アラートダイアログは同期的でモーダルであることに注意してください。つまり、ダイアログが表示されるとコードの実行が停止し、ダイアログが閉じられた後に再開されます。たとえば、次のコードは3秒後にアラートダイアログを表示します。

setTimeout(() => {
    alert('3 seconds has been passed!')
}, 3000);
Code language: JavaScript (javascript)

まとめ

• alert() は、window オブジェクトのメソッドです。
• alert() メソッドは、モーダルで同期的です。
• ユーザーに確認させたい情報を表示するには、alert() メソッドを使用します。