1、选择提示窗口
选择确定会返回一个true,选择取消会返回一个false。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script>
var a;
window.onload=function(){
document.getElementById("a").onclick=function(){
a=confirm("这是个神奇的世界。");
if(a){
alert("欢迎你的到来。");
}else
alert("您的世界观很危险......")
}
}
</script>
<body>
<button id="a">相信奇迹</button>
</body>
</html>
2、输入提示窗口
选择确定会返回一个true,选择取消会返回一个false。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>点击按钮查看输入的对话框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var person=prompt("请输入你的名字","Harry Potter");
if (person!=null && person!=""){
x="你好 " + person + "! 今天感觉如何?";
document.getElementById("demo").innerHTML=x;
}
}
</script>
</body>
</html>
3、警告提示窗口
alert(一个字符串、一个变量名。);
alert();可以用于function方法内,一般在标签中直接调用,比如;或者在标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
alert("你好,我是一个警告框!");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="显示警告框" />
</body>
</html>