JavaScript弹出提示框及处理返回结果

温带烧烤

已于 2022-11-03 13:24:05 修改

阅读量5.2k

点赞数 6

文章标签： javascript 前端 html

于 2022-07-03 17:47:50 首次发布

本文链接：https://blog.csdn.net/Minecraftable/article/details/125578681

版权

1.alert()普通提示警告框：

<body>
    <script>
        window.alert("hello");    //写法不同，结果相同，因为默认对象都为window，下同
        alert("hello");
    </script>
</body>

2.confirm()确认框（需要用户选择“确认”或“取消”）：

<body>
    <script>
        window.confirm("确认支付？");
        //confirm("确认支付？");
    </script>
</body>

用户选择后则会返回相应的值，确认（true）取消（false）

所以可以将提示框直接作为if条件语句的判断，并根据返回值执行代码

<body>
    <script>
        if (confirm("确认支付")) {
            document.write("您选择了确定")
        } 
        else {
            document.write("您选择了取消")
        }
    </script>
</body>

3.prompt()提示框（需要用户选择“确认”或“取消”，并且可以输入）：

逗号前“确认支付”是提示框的标题，逗号后的“确认”则为输入框内的默认值。

<body>
    <script>
        window.prompt("确认支付？","确认");  
        //prompt("确认支付？");
    </script>
</body>

用户输入和选择后则会返回用户输入的内容和确认或取消

一般用变量来直接获取用户输入的值，再进行判断

<body>
    <script>
        var num = prompt("确认支付，支付金额为", "100");
        if (num == null || num == "") {    //当输入为空(空格)或没有输入时
            document.write("该用户取消了支付");
        } else {                           //当用户输入了内容时
            document.write("您已支付",num,"元");
        }
    </script>
</body>