JavaScript中有三种弹出框:alert(),confirm()和prompt()。
1、alert()弹出一个警示框
使用alert,浏览器可以弹出一个警示框。alert()中可以填写数字,填写文本和字符的时候需要加引号,如alert(‘请确认周围环境安全’),该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。
代码:
<html>
<head>
<title>亦枫</title>
<script language="javascript"> //JavaScript脚本标注
alert("平仄平仄平平仄");//在页面上弹出上联
alert("仄平仄平仄仄平");//在页面上弹出下联
</script>
</head>
</html>
执行上面的小例子,在页面上弹出对话框并显示一句话“平仄平仄平平仄”,接着,单击“确认”按钮后再显示第二个对话框并显示“仄平仄平仄仄平”。
效果:
2、confirm()确认框
使用confirm,浏览器可以弹出一个确认框。 使用确认消息框可向用户问一个“是”或“否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。
代码:
<html>
<head>
<title>编写html页面</title>
<script language="javascript"> //js脚本标注
confirm("三人行,必有我师焉。"); //在页面上弹出确认对话框
</script>
</head>
</html>
效果:
3、prompt()提示消息框
提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。与alert( ) 和 confirm( ) 方法类似,prompt 方法也将显示一个模式消息框,用户在继续操作之前必须先关闭该消息框 。点击确认后,会返回您输入的结果,可以通过一个变量接收后,进行判断。
代码:
<html>
<head>
<title>编写html页面</title>
<script language="javascript"> //js脚本标注
var name,age;
name=prompt("你瞅啥"); /*在页面上弹出提示对话框,
将用户输入的结果赋给变量name*/
alert(name); //输出用户输入的信息
age=prompt("你再瞅一眼试试","你敢试试吗"); /*在页面上再一次弹出提示对话框,
讲用户输入的信息赋给变量age*/
alert(age)//输出用户输入的信息
</script>
</head>
</html>
网友评论