JavaScript消息框应用

在JavaScript中可以创建如下三种消息框:

Ø 警告框

用于提示用户得到某些信息,当警告框出现后,用户需要点击“确定”按钮才可以继续操作。

Ø 确认框

用于使用户可以验证或者接受某些信息,当确认框出现后,用户需要点击“确定”或者“取消”按钮才能继续操作。确定的返回值为true,取消的返回值为false。

Ø 提示框

用户提示用户需要输入某个值,然后点击“确定”或者“取消”按钮继续操作。如果用户点击“确定”按钮,则其返回值为用户所输入的值,点击“取消”的返回值为false。

下面分别举例进行说明。

 

1. 警告框

代码如下:

<html>

  <head>

    <script type="text/javascript">

      function dis_alert() {

        alert("这是一个警告框!")

     }

     </script>

   </head>

   <body>

     <input type="button" onclick="dis_alert()" value="此为警告框" />

   </body>

</html>

 

单击此按钮后,效果如下:

 

2. 确认框

代码如下:

<html>

   <head>

      <script type="text/javascript">

        function dis_confirm() {

            var r=confirm("请点击一个按钮!");

            if (r==true)  {

                alert("您点击了确定按钮!");

           }else  {

                alert("您点击了取消按钮!");

          }

       }

      </script>

    </head>

    <body>

        <input type="button" onclick="dis_confirm()" value="此为确认框" />

    </body>

</html>

单击此按钮后,效果如下:

 

 

3. 提示框

代码如下:

 <html>

   <head>

     <script type="text/javascript">

       function dis_prompt()  {

          var weather=prompt("今天天气如何","")

          if (weather!=null && weather!="")    {

            document.write("今天是个" + weather + "的天气!")

         }

      }

    </script>

  </head>

  <body>

    <input type="button" onclick="dis_prompt()" value="此为提示框" />

  </body>

</html>

单击此按钮后,效果如下:

 

posted on 2012-12-13 09:02  momingliu11  阅读(327)  评论(0编辑  收藏  举报