alter和confirm，prompt的区别

最新推荐文章于 2024-04-03 03:16:00 发布

三年之约-第二年

最新推荐文章于 2024-04-03 03:16:00 发布

阅读量645

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_53568983/article/details/126024014

版权

alter和confirm的区别

1.理论知识：

a. alter：弹出警告框，只能够确认
alert("这是一个警告框");
b. confirm弹出确认框，有两个按钮：确定和取消，分别返回true和false
confirm("这是一个确认框，确定返回true，取消返回false");
c. prompt弹出提示框，确定，取消，输入框，确定返回输入框的值（不输入为空""），取消返回Null
prompt("这是一个提示框，确定返回输入值，取消返回Null","输入框内默认文本");

2.实践

<!DOCTYPE html>
<html>
    <head>
        <title>弹出框测试</title>
    </head>
    <body style="text-align: center;">
        <h1>弹出框测试</h1>
        <button onclick="test_1()">警告框</button>
        <button onclick="test_2()">确认框</button>
        <button onclick="test_3()">提示框</button>
        <p id="demo"></p>
    </body>
    <script>
 
        function test_1(){
            alert(("这是一个警告框"));
        }//点击警告框会提出警告，确认后向下执行
 
        function test_2(){
            test2 = confirm("这是一个确认框，确定返回true，取消返回false");
            document.getElementById("demo").innerHTML = test2;
        }//点击确认框会提出警告，确认后向下执行，否则不向下执行
 
        function test_3(){
            var test3 = prompt("这是一个提示框，确定返回输入值，取消返回Null","输入框内默认文本");
            document.getElementById("demo").innerHTML = test3;
        }//点击提示框会提出警告，确认后向下执行，否则不向下执行，输入的类容返回给test3;
    </script>
</html>