【译文】JavaScript 弹出框

JavaScript 弹出框    原文链接

弹出框是最有用的方法,用来显示给网站访问者一个警告或者其他重要的信息。JavaScript 三种不同的弹框类型:

  1. alert()
  2. confirm()
  3. prompt()

alert() – JavaScript 消息框

为了在小窗体里面显示给用户一些消息,alert消息框非常使用。需要重点记忆, alert() 方法在它前面不能有对象的名称, 因为alert()方法是窗体对象的部分。当提示框弹出是,用户只能点击“OK”按钮。

语法

 
alert('你的消息...');

源码

<html>
  <body>
    <input type="button" value="Click Here..." onclick="alert('这是一个提示框');" />
  </body>
</html>

JavaScript Confirm() 完成消息框

一个 完成提示框用来提示用户做一个选择。当脚本弹出一个完成提示框,用户需要点击“OK”“Cancel” ,进行下一步。不同的行为依赖于用户的不同选择。依靠附加逻辑确定不同的行为路线。

语法

result = window.confirm(message);

源码

 
<html>
  <head>
    <script type="text/javascript">
      function isConfirmed() {
        var conVal = confirm("Are you ready to confirm?");
        if (conVal == true) {
          val = "Confirmed !!";
        } else {
          val = "Cancelled !!";
        }
        alert(val);
      }
    </script>
  </head>
  <body>
    <form>
      <input type="button" onclick="isConfirmed()" value="想完成吗 ?" />
    </form>
  </body>
</html>

JavaScript 提示框

alert() 方法不能和访问者交互。Javascript 输入框Prompt Box 经常用以让用户在继续下一步之前输入一个值。当Javascript 显示一个输入框,用户在输入一个值后,必须点击 “OK”“Cancel” 进行确认或取消。依靠用户在对话框上的操作返回输入的值。如果用户打字,并且单击了OK,或者回车,提示框会返回用户输入的字符串。如果用户单击了OK或回车,没有打字,此方法将建议输入,如果指定了第二个参数,将作为输入值。如果用户关闭了这个对话框(例如,点击 Cancel 或按下Esc键), 对于大部分浏览器将返回null。

源码

 
<html>
  <head>
    <script type="text/javascript">
      function promptUser() {
        var iDay = prompt("Enter any value...", "");
        if (iDay != null) {
          alert("The value you entered is.." + iDay);
        } else {
          alert("Should enter value...");
        }
      }
    </script>
  </head>
  <body>
    <form>
      <input type="button" onclick="promptUser()" value="显示输入框.." />
    </form>
  </body>
</html>

JavaScript教程


此条目发表在博客, 服务器, 程序开发, 计算机安全分类目录,贴了, , , , , 标签。将固定链接加入收藏夹。