首页手记 JavaScript入门（5）（prompt消息对话框）

JavaScript入门（5）（prompt消息对话框）

标签：

JavaScript

prompt用于询问用户消息的对话框，有很好的的用户交互性，包含一个确定按钮，取消按钮和一个文本输入框，用户可在文本输入框输入要交互的信息。
还是让我们先看一下prompt对话框长什么样

可以看到这个对话框是让用户输入成绩的一个窗口，用户可以在文本框中输入自己的成绩。

接下来让我们学习prompt的具体语法格式：

prompt（str1，str2）；

参数说明：
str1：是要显示在消息对话框中的文本，是系统对用户的交互，不用户不可以修改；就像我们上面那张图里的“请输入你的成绩”就是str1；
str2：文本框中预先输入的内容，用户可以进行修改；对应我们上面那张图里的“100”就是文本框预先输入的，用户可以跟根据自己的情况在进行更改。当然str2 是可以省略的，当文本框并不需要实现输入一个值得时候可以省略。

返回值：
点击确定按钮，文本框中的内容作为函数返回值
点击取消按钮，返回NULL

例子

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>prompt</title>
    <script type="text/javascript">

       function rec(){
    var myname; //score变量，用来存储用户输入的成绩值。
    myname =prompt("请输入你的名字");            
    if(myname!=null)
    {
      alert("你好"+myname);
    }

    else
    {
       alert("你好，我的朋友,请告诉我你的名字");
    }
  }

    </script>
</head>
<body>

     <input name="button" type="button" onClick="rec()" value="身份认证!" />
</body>
</html>

点击查看更多内容