15 JavaScript弹窗(警告框alert、确认框confirm、提示框Promt)
警告框:window.alert()。通常用于确认用户可以得到某些信息
<body> <script type="text/javascript" charset="utf-8"> function myFunction(){ alert("这是一个警告框!"); } </script> <input type="button" value="警告框" onclick="myFunction()"/> </body>
确认框:window.confirm()。点击确认,返回true。点击取消,返回false。
<body> <p>点击按钮,显示确认框</p> <button onclick="myFunction()">点我</button> <p id="demo"></p> <script> function myFunction(){ var x; var r = confirm("按下按钮"); if(r==true){ x = "你按下了确认按钮!"; } else{ x = "你按下了取消按钮!"; } document.getElementById("demo").innerHTML=x; } </script> </body>
提示框:window.prompt().常用于用户在进入页面前输入某个值。返回值为用户输入或者null
<body> <p>点击按钮查看输入的对话框</p> <input type="button" value="点我" onclick="myFunciton()"/> <p id="demo"></p> <script type="text/javascript" charset="utf-8"> function myFunciton(){ var username = prompt("请输入你的名字"); if(username != null && username != ""){ document.getElementById("demo").innerHTML = username; } } </script> </body>