当前位置：网站首页>The difference between alter and confirm, prompt

The difference between alter and confirm, prompt

2022-07-28 04:42:00 【If you don't study today, you will become a cured chicken tomor】

alter and confirm The difference between

1. Theoretical knowledge ：

a. alter： Pop up warning box , Can only confirm
alert(" This is a warning box ");
b. confirm Pop up the confirmation box , There are two buttons ： To determine and cancel , Return respectively true and false
confirm(" This is a confirmation box , Confirm to return true, Cancel return false");
c. prompt Pop up the prompt box , determine , Cancel , Input box , Determine the value of the return input box （ Do not enter blank ""）, Cancel return Null
prompt(" This is a prompt box , OK to return the input value , Cancel return Null"," The default text in the input box ");

2. practice

<!DOCTYPE html>
<html>
    <head>
        <title> Pop up box test </title>
    </head>
    <body style="text-align: center;">
        <h1> Pop up box test </h1>
        <button onclick="test_1()"> Warning box </button>
        <button onclick="test_2()"> Confirmation box </button>
        <button onclick="test_3()"> Prompt box </button>
        <p id="demo"></p>
    </body>
    <script> function test_1(){
       alert((" This is a warning box ")); }// Clicking the warning box will give a warning , Execute downward after confirmation  function test_2(){
       test2 = confirm(" This is a confirmation box , Confirm to return true, Cancel return false"); document.getElementById("demo").innerHTML = test2; }// Clicking the confirmation box will give a warning , Execute downward after confirmation , Otherwise, do not execute downward  function test_3(){
       var test3 = prompt(" This is a prompt box , OK to return the input value , Cancel return Null"," The default text in the input box "); document.getElementById("demo").innerHTML = test3; }// Clicking the prompt box will give a warning , Execute downward after confirmation , Otherwise, do not execute downward , The input class content is returned to test3; </script>
</html>