Window对象confirm()、prompt()

原创已于 2022-06-06 17:24:45 修改 · 1.8k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

本文为博主原创文章，未经博主允许不得转载。

标签

#javascript

于 2017-08-08 15:54:00 首次发布

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍JavaScript中的confirm()和prompt()方法使用方式。confirm()用于显示带确认和取消按钮的对话框，返回true或false；prompt()则用于获取用户的输入，返回输入的字符串。通过实例展示了如何在网页中运用这两种对话框。

confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。
如果访问者点击“确定”，此方法返回true，否则就返回false。

我们来看一下例子

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
            function clickme(){
                var message = confirm("你幸福吗？");
                if(message == true){
                    document.getElementById("demo").innerHTML = "请继续幸福下去";
                } else {
                    document.getElementById("demo").innerHTML = "打扰了";
                }
            }
        </script>
    </head>
    <body>
        <input name="button" type="button" onclick="clickme()" value="点击我，弹出测试弹框" />
        <div id="demo"></div>
    </body>
</html>

效果不再演示，你可以直接粘贴复制到新建的html文件，浏览器打开就能运行

那么我们再来看看prompt()的用法

prompt()方法用于显示可提示用户进行输入的对话框。这个方法返回用户输入的字符串。

prompt(msg, defaultText)

参数	描述
msg	可选。要在对话框中显示的纯文本
defaultText	可选。默认的输入文本。

以下是个小例子：

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
            function clickme(){
                var message = prompt("你几岁了？", "years");
                if(message != null && message != ""){
                    document.getElementById("demo").innerHTML = "那么你想在" + message + "岁这一年做些什么？";
                }
            }
        </script>
    </head>
    <body>
        <input name="button" type="button" onclick="clickme()" value="点击我，弹出测试弹框" />
        <div id="demo"></div>
    </body>

</html>