JavaScript-window对象-提示对话框

最新推荐文章于 2023-08-22 16:25:40 发布

十二啊

最新推荐文章于 2023-08-22 16:25:40 发布

阅读量1.8k

点赞数 1

分类专栏：十二的 Javascript 之路文章标签： javascript 前端

十二

本文链接：https://blog.csdn.net/qq_42543177/article/details/124092635

版权

十二的 Javascript 之路专栏收录该内容

22 篇文章 0 订阅

订阅专栏

JavaScript-window对象-提示对话框

window对象定义了alert()、confirm()、prompt()三个交互接口方法。以下依次对这三个接口方法进行介绍及示例。

1、alert()

包含一个可选的提示参数，如果没有指定参数，则弹出一个空的对话框。
示例：

// 没有指定参数，则弹出空的对话框
alert("欢迎您来到十二的博客！");

2、confirm()

该方法弹出对话框包含两个按钮确定和取消，点击确定按钮返回true，点击取消按钮返回false。如果没有指定参数将弹出一个空的对话框。
示例：

// 包含“确定”“取消”，分别返回true，false，若未指定参数则返回空的对话框
let demo2 = confirm("欢迎您来到十二的博客！");
// 打印查看返回信息
console.log("demo2:", demo2);

3、prompt()

该方法弹出的提示框可用于接收用户输入的信息，并返回输入信息。若没有指定参数，则弹出一个没有提示信息的输入文本对话框。
示例：

// prompt()可用于接收用户输入信息的文本框
let demo3 = prompt("请输入您的用户名：");
console.log("demo3:", demo3);

亲自试一试

完整代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>BOM-浏览器对象模型相关示例-对话框示例</title>
        <script>
            // 使用系统测试的方法-对话框
            // 1、alert()，没有指定参数，则弹出空的对话框
            alert("欢迎您来到十二的博客！");
            // 2、confirm()，包含“确定”“取消”，分别返回true，false，若未指定参数则返回空的对话框
            let demo2 = confirm("欢迎您来到十二的博客！");
            console.log("demo2:", demo2);
            // 3、prompt()可用于接收用户输入信息的文本框
            let demo3 = prompt("请输入您的用户名：");
            console.log("demo3:", demo3);
        </script>
    </head>
    <body>
    </body>
</html>