当前位置：网站首页>alter和confirm，prompt的区别

alter和confirm，prompt的区别

2022-07-28 04:38:00 【今天不学习，明天变腊鸡】

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>