1、警告框
警告框经常用于确保用户可以得到某些信息。
当警告框出现后,用户需要点击确定按钮才能继续进行操作。
语法:
alert("文本");
2、确认框
确认框用于使用户可以验证或者接受某些信息。
当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。
语法:
confirm("文本");
3、提示框
提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。
如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。
语法:
prompt("文本","默认值");
示例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TestPage.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function disp_alert(){
alert("This is a test"+'\n'+"by lhg");
}
function disp_confirm(){
var flag = confirm("Please choose OK or Cancel !");
if(flag==true){
alert("you choose the OK !");
}
else{
alert("you choose the Cancel !");
}
}
function disp_prompt(){
var name = prompt("Please input your name ","lhg");
if(name!=null && name!=""){
document.write("Hello , "+name);
}
}
</script>
</head>
<body>
This is a test page. <br>
<input type="button" οnclick="disp_alert()" value="显示警告框" /></br>
<input type="button" οnclick="disp_confirm()" value="显示确认框" /></br>
<input type="button" οnclick="disp_prompt()" value="显示提示框"/></br>
</body>
</html>