在JavaScript中有三种样式的对话框,分别起到提示、确认和输入的作用,对应三种函数:alert、confirm、prompt
alert:该对话框只用于提醒,不能对脚本产生任何变化,他只有一个参数,即为需要提示的信息,没有返回值。
confirm:该对话框一般用于确认信息。他只有一个参数,返回值为true或false。
prompt:该对话框可以进行输入,并返回用户输入的字符串。他有两个参数,第一个参数显示提示信息,第二个参数显示输入框(和默认值)。
前端学习,就上以人为本前端学习网!www.yirenweiben.com
Example:
<!DOCTYPE html>
<html>
<head lang=”en”>
<meta charset=”UTF-8″>
<title>三种弹出对话框的用法实例</title>
<script language=”JavaScript”>
function ale(){
alert(“嘿嘿,演示一完毕”);
}
function firm(){
if(confirm(“确定跳转到“以人为本前端学习”?”)){
// 这是在本窗口打开
// location.href=”http://www.yirenweiben.com”;
// 新窗口打开
window.open(“http://www.yirenweiben.com/”,”_blank”);
}else{
alert(““以人为本前端学习”的网址是www.yirenweiben.com欢迎常来!”);
}
}
function prom(){
var name = prompt(“请输入您的名字”,”张三”);
if (name != null & name!=””){
alert(“欢迎您:” + name);
}else{
alert(“请输入您的名字!”);
}
}
</script>
</head>
<body>
<p>对话框有三种</p>
<p>1:只是用于提醒,不能对脚本产生任何改变;</p>
<p>2:一般用于确认,返回true或者false;</p>
<p>3:一个带输入的对话框,可以返回用户填入的字符串</p>
<p>下面我们分别演示:</p>
<p>演示一:提醒对话框</p>
<input type=”submit” value=”提交” onclick=”ale()”>
<p>演示二:确认对话框</p>
<input type=”submit” value=”提交” onclick=”firm()”>
<p>演示三:要求用户输入,然后给个结果</p>
<input type=”submit” value=”提交” onclick=”prom()”>
</body>
</html>
