JavaScript弹出窗口

使用JavaScript,我们可以生成三种弹出窗口:提示窗口,确认窗口和提问窗口。

———————————————————————————-
警示窗口 (Alert Box)
警示窗口通常用来确保用户收到某项信息,因为当一个提示窗口弹出后,用户必须点击“确认”(“OK”)按钮才能继续。

语法:

alert(“文本内容”);

例子(将例中内容存为一个html文件以测试效果):

<html>
<head>
<script type=”text/javascript”>
function disp_alert()
{
alert(“你好! ” + ‘\n’ + “第二行内容.”)
}
</script>
</head>
<body><input type=”button” onclick=”disp_alert()” value=”显示提示窗口” /></body>
</html>

———————————————————————————–
确认窗口(Confirm Box)
确认窗口通常在你需要用户验证或接受某些信息时使用。
当一个确认窗口弹出后,用户必须选择点击”确认”(”OK”)或“取消”(”Cancel”)按钮才能继续。
如果用户选择”确认”(”OK”),窗口返回值为真(true)。如果用户选择“取消”(”Cancel”),窗口返回值为假(false)。语法:

confirm(“文本内容”);

例子(将例中内容存为一个html文件以测试效果):

<html>
<head>
<script type=”text/javascript”>
function disp_confirm()
{
var r=confirm(“Press a button”)
if (r==true)
{
document.write(“You pressed OK!”)
}
else
{
document.write(“You pressed Cancel!”)
}
}
</script>
</head>
<body><input type=”button” onclick=”disp_confirm()” value=”显示确认窗口” /></body>
</html>

———————————————————————————–
提问窗口(Prompt Box)
如果你需要用户在进入页面前先输入某些信息,通常使用提问窗口。
当一个提问窗口弹出后,用户需要输入某些信息并选择”确认”(”OK”)或“取消”(”Cancel”)方能继续。
如果用户选择了”确认”(”OK”),窗口返回值为用户输入的信息,否则,返回空值(null)。

语法:

prompt(“文本内容”,”默认值”)

例子(将例中内容存为一个html文件以测试效果):

<html>
<head>
<script type=”text/javascript”>
function disp_prompt()
{
var name=prompt(“Please enter your name”,”Aqua”)
if (name!=null && name!=””)
{
document.write(“Hello ” + name + “! How are you today?”)
}
}
</script>
</head>
<body><input type=”button” onclick=”disp_prompt()” value=”显示提问窗口” /></body>
</html>

Leave a Reply

Your email address will not be published.