墨裔 发表于 2018-2-26 11:50:03

JS的提示框种类

弹出提示框一般有3种1. alert (普通提示框)2. prompt (可输入的提示框)3. confirm (可选择的提示框)
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<button onclick="mal()">第一种:alert</button>
<button onclick="mpro()">第二种:prompt</button>
<button onclick="mcon()">第三种:confirm</button>
<script>
    function mal(){
      alert('这是一个普通的提示框');
    }

    function mpro(){
      var val = prompt('这是一个可输入的提示框','这个参数为输入框默认值,可以不填哦');
      //prompt会把输入框的值返回给你
    }

    function mcon(){
      var boo = confirm('这是一个可选择的提示框,3种提示方式,学会了吗?')
      //confirm 会返回你选择的选项,然后可以依据选择执行逻辑
      if(boo){
            alert('学会了,真聪明');
      }else{
            alert('再来一遍吧')
      }
    }
</script>
</body>
</html>

页: [1]
查看完整版本: JS的提示框种类