
正文
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>







