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>