【JavaScript】アラート・確認ダイアログを表示する方法

【JavaScript】アラート・確認ダイアログを表示する方法

JavaScriptでアラートを表示する場合はalertメソッドを使用し、確認ダイアログの表示はconfirmメソッドを使います。

JavaScriptでアラートを表示する場合はalertメソッドを使用し、確認ダイアログの表示はconfirmメソッドを使います。

アラートの構文

alertメソッドに表示したい文字列を指定します。

alert("アラートに表示するメッセージ");

アラートの実装例

以下alertメソッドの実装例です。

ファイル名：alert_test.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>アラートテスト</title>
</head>

<body>
    <script>
        alert("アラートを表示");
    </script>
</body>

</html>

アラートの表示例

保存したalert_test.htmlをブラウザで起動して確認します。

alt text

確認ダイアログの構文

confirmメソッドに表示したい文字列を指定します。

confirm("確認ダイアログに表示するメッセージ");

確認ダイアログの実装例

以下confirmメソッドの実装例です。

ファイル名：confirm_test.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>確認ダイアログテスト</title>
</head>

<body>
    <script>
        if (confirm("確認ダイアログを表示")) {
            document.write('<p>OKを押下</p>');
        } else {
            document.write('<p>キャンセルを押下</p>');
        }
    </script>
</body>

</html>

確認ダイアログの表示例

保存したconfirm_test.htmlをブラウザで起動して確認します。

alt text

OKを押下した場合

alt text

キャンセルを押下した場合

alt text

まとめ

  • アラートを表示するには<script>内にalertメソッドを指定する。
  • 確認ダイアログを表示するには<script>内にconfirmメソッドを指定する。
以上で本記事の解説を終わります。
よいITライフを！
Scroll to Top