alter和confirm,prompt的区别

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>

你可能感兴趣的:(JS,javascript,开发语言,ecmascript)