曲径通幽论坛

标题: alert() -- 弹出一个警告框; prompt() -- 弹出提示框 [打印本页]

作者: beyes    时间: 2011-12-13 12:05
标题: alert() -- 弹出一个警告框; prompt() -- 弹出提示框
警告框

警告框经常用于确保用户可以得到某些信息。
当警告框出现后,用户需要点击确定按钮才能继续进行操作。
alert() 可以用来弹出一个警告框,语法格式为:
alert("文本")



提示框

提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。
如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。
prompt() 可以用来弹出一个提示框,语法格式为:
prompt("文本","默认值")

示例代码
[code=javascript]<script type="text/javascript">
        var name = prompt("Enter your name", "");
        if (name == "beyes")
        {
            alert("hello Me");
        }
        else
        {
            alert ("hello someone else");
        }

    </script>[/mw_shl_code]
运行输出
[attach]107[/attach]
在上面的框里输入 "beyes" 后:
[attach]108[/attach]


注意,prompt() 返回的是字符串数据类型,如果如下使用:
[code=javascript]var number = prompt("please enter a number", "");
        var cal = 1 + number;
        document.write( cal );[/mw_shl_code]
那么当你输入 10 时,会变成 110,因为这里的 '+' 号将 ”1“ 和 ”10“ 这个字符串连接起来。‘+' 的两段,如果有字符串数据,那么优先进行字符串连接操作,而不是加法操作。

但是当你用的是 '-' 减符号时,那么会自动识别为减法运算,而不是进行字符串操作,如:
[JavaScript] 纯文本查看 复制代码
var number = prompt("please enter a number", "");
        var cal = 1 + number;
        document.write( cal );
        document.write ("<br />");
        var cal2 = 1 - 10;
        document.write( cal2 );

运行的结果是:
110
-9
同样的道理适用于 '*' 乘法运算符和 '/' 除法运算符。

prompt() 的第 2 个参数一般采用默认,即写成 "" ,此时弹出的提示框里为空。当然也可以指定一个,那么指定的这个参数会出现在提示框中,比如:
var originalDate = prompt( "Enter a date (Day, Name of the Month, Year)", "31 Dec 2011" );
弹出提示框:
[attach]109[/attach]




欢迎光临 曲径通幽论坛 (http://www.groad.net/bbs/) Powered by Discuz! X3.2