步骤 alert()、confirm()和prompt()的用法 _Web前端

方法 alert()、confirm()和prompt()的用法

注：参考《JavaScript权威指南》例 13-1：方法alert()、confirm()和prompt()的用法

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>alert()、confirm()和prompt的区别</title>
</head>
<body>

<input type="button" value="alert"  style="width: 80px" onclick="warn_on_submit();">
<br>
<input type="button" value="confirm" style="width: 80px" onclick="confirm_on_submit();"  >
<br/>
<input type="button" value="prompt" style="width: 80px" onclick="prompt_on_submit();"  >
</body>

<script type="text/javascript">
function warn_on_submit(){

 alert("你的请求已经发送！");                                      //弹出提示框 
}

function confirm_on_submit(){
 var msg="你将跳转到百度首页  ";
 if(confirm(msg))                                                       //弹出确认对话框，“确定”进行一个操作，“取消”进行另一个操作
  location.replace("http://www.baidu.com"); 
else
     location.replace("study13-1.html");

}

function prompt_on_submit(){                                 //弹出对话框，要求用户输入内容
  username=prompt("输入你的姓名：","");
  document.write("<hr><h3>欢迎你的登录, " + username + " ！</h3><hr>");
}

</script>


</html>