博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript消息框应用
阅读量:6440 次
发布时间:2019-06-23

本文共 1148 字,大约阅读时间需要 3 分钟。

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

Ø 警告框

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

Ø 确认框

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

Ø 提示框

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

下面分别举例进行说明。

 

1. 警告框

代码如下:

<html>

  <head>

    <script type="text/javascript">

      function dis_alert() {

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

     }

     </script>

   </head>

   <body>

     <input type="button" οnclick="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" οnclick="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" οnclick="dis_prompt()" value="此为提示框" />

  </body>

</html>

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

 

转载于:https://www.cnblogs.com/dreamer-fish/archive/2012/12/13/2815676.html

你可能感兴趣的文章
chrome禁用某个网站js脚本的执行
查看>>
数组排序 和 二分法查找
查看>>
MongoDB C Driver Building on Windows
查看>>
备忘zookeeper(单机+伪集群+集群)
查看>>
无需编译、快速生成 Vue 风格的文档网站
查看>>
AtomicBoolean介绍与使用
查看>>
Elasticsearch之curl删除
查看>>
Apache Spark 内存管理详解(转载)
查看>>
JS隐藏号码中间4位
查看>>
windows下安装Rabbitmq详解
查看>>
HTTP协议中POST、GET、HEAD、PUT等请求方法以及一些常见错误
查看>>
SQL Server索引 - 索引(物化)视图 <第九篇>
查看>>
[原创]FineUI秘密花园(一) — 为什么选择FineUI?
查看>>
这一文让你彻底理解Spring框架的意义
查看>>
消息中间件Kafka与RabbitMQ谁更胜一筹?
查看>>
CanisMinor 微信小程序工程
查看>>
手机拍照,调取相册 裁剪,上传
查看>>
当移动数据分析需求遇到Quick BI
查看>>
八皇后,回溯与递归(Python实现)
查看>>
程序员的微创业
查看>>