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>
Comment (RSS)  ·  Trackback

10 Comments

  1. Anonymous:

    function disp_confirm()
    {
    var r=confirm(”Press a button”)
    if (r==true)
    {
    document.write(”You pressed OK!”)
    }
    else
    {
    document.write(”You pressed Cancel!”)
    }
    }

    17 July 2009, 12:27 pm

  2. gg:

    怎么我用dreamweaver 不能执行你上面的代码啊

    31 July 2009, 1:55 am

  3. Aqua:

    哪一段不能执行？有什么出错信息？

    31 July 2009, 8:29 pm

  4. ming:

    因为上面的引号都是中文模式下的，所以不能运行

    10 August 2009, 10:25 pm

  5. sytb:

    别光粘贴，自己学着写进步会更快！

    4 November 2009, 3:56 am

  6. 暖暖:

    document.write(”Hello ” + name + “! How are you today?”)
    是什么意思？是提问窗口的返回值吗？

    25 March 2010, 11:25 pm

  7. Aqua:

    name里面存储的是提问窗口的返回值，即用户输入。
    document.write是写输出。

    28 March 2010, 7:19 pm

  8. 书生:

    document.write(”You pressed OK!”);
    网页中根本写不出来这句话

    12 October 2010, 12:47 pm

  9. 书生:

    function disp_confirm(){
    var r = confirm(“Press a button”);
    if(r==true)
    {
    document.write(“Your pressed OK!”);
    }
    else
    {
    document.write(“Your pressed NO!”);
    }
    }
    不好意思，说的是这个例子页面中根本写不出来文字

    12 October 2010, 12:49 pm

  10. 书生:

    我找到问题了。
    是我的浏览器拦截了脚步没有提示。

    12 October 2010, 1:14 pm

Leave a comment