对话框有三种

1：只是提醒，不能对脚本产生任何改变；

2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if...else...判断

3： 一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片

下面我们分别演示：

 <%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

 <title>三种弹出对话框的用法实例</title>

 <script language="javascript">

 function ale()

  {//这个基本没有什么说的，就是弹出一个提醒的对话框

    alert("我敢保证，你现在用的是演示一");

 }

 function firm()

 {//利用对话框返回的值 （true 或者 false）

    if(confirm("你确信要转去 天轰穿的博客？"))

     {//如果是true ，那么就把页面转向thcjp.cnblogs.com

        location.href="http://thcjp.cnblogs.com";

     }

     else

     {//否则说明下了，赫赫

         alert("你按了取消，那就是返回false");

     }

 }

 function prom()

 {

     var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ，

    //这里需要注意的是，prompt有两个参数，前面是提示的话，后面是当对话框出来后，在对话框里的默认值

    if(name)//如果返回的有内容

    {

         alert("欢迎您："+ name)

    }

 }

 </script>

 </head>

 <body>

 <p>对话框有三种</p>

 <p>1：只是提醒，不能对脚本产生任何改变；</p>

 <p>2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 ifJSP中三种弹出对话框的用法实例elseJSP中三种弹出对话框的用法实例判断 </p>

 <p>3： 一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 </p>

 <p>下面我们分别演示：</p>

 <p>演示一：提醒 对话框</p>

 <p>

   <input type="submit" name="Submit" value="提交" onclick="ale()" />

 </p>

 <p>演示二 ：确认对话框 </p>

 <p>

   <input type="submit" name="Submit2" value="提交" onclick="firm()" />

 </p>

 <p>演示三 ：要求用户输入，然后给个结果</p>

 <p>

   <input type="submit" name="Submit3" value="提交" onclick="prom()" />

 </p>

 </body>

 </html>
  • 向function传值，跳转指定URL
 <script type="text/javascript">

      function firm(id){

          if(confirm("确定删除么？")){

              location.href="AddressServlet?method=delete&id="+id;

          }else{

              alert("还是不要删了");

          }

      }

  </script>

<!--  -->

<input type="submit" name="Submit2" value="删除" onclick="firm(${a.id})" />

【JSP】三种弹出对话框的用法实例的更多相关文章

  1. 【转】javascript入门系列演示·三种弹出对话框的用法实例

    对话框有三种 1:只是提醒,不能对脚本产生任何改变: 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3: 一个带输入的对话框,可以返回用户填入的 ...

  2. javascript入门系列演示·三种弹出对话框的用法实例

    对话框有三种 1:只是提醒,不能对脚本产生任何改变: 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3: 一个带输入的对话框,可以返回用户填入的 ...

  3. JSP中三种弹出对话框的用法《转》

    对话框有三种 1:只是提醒,不能对脚本产生任何改变: 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3: 一个带输入的对话框,可以返回用户填入的 ...

  4. JavaScript中的三种弹出对话框

    学习过js的小伙伴会发现,我们在一些实例中用到了alert()方法.prompt()方法.prompt()方法,他们都是在屏幕上弹出一个对话框,并且在上面显示括号内的内容,使用这种方法使得页面的交互性 ...

  5. javascript 三种弹出对话框

    第一种:alert()方法 第二种:confirm()方法 返回一个布尔值,根据返回的值可以执行相应操作. 第三种: prompt()方法 返回输入的消息,或者其默认值提示框经常用于提示用户在进入页面 ...

  6. js三种弹出框的用法

    https://blog.csdn.net/cui_angel/article/details/7784211 js中prompt()的用法

  7. js中三种弹出框

    javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行交互的js代码 ...

  8. 关于jsp和html页面中的三种弹出框

    代码: <!-- 引入jquery 由于在下面使用jquery选择器,与弹出框无关 --> <script type="text/javascript" src= ...

  9. js值类型转换(boolean/String/number),js运算符，if条件，循环结构,函数,三种弹出框

    js值类型转换 number | string | boolean boolean类型转换 num = 0; var b1 = Boolean(num); console.log(b1) 转化为数字类 ...

随机推荐

  1. Stateless Iterators

    As the name implies, a stateless iterator is an iterator that does not keep any state by itself. The ...

  2. java基础知识回顾之java Socket学习（二）--TCP协议编程

    TCP传输(传输控制协议):TCP协议是一种面向连接的,可靠的字节流服务.当客户端和服务器端彼此交换数据前,必须先在双方之间建立一个TCP连接,之后才能进行数据的传输.它将一台主机发出的字节流无差错的 ...

  3. SDUT2484算术表达式的转换

    http://acm.sdut.edu.cn/sdutoj/showproblem.php?pid=2484&cid=1182 题目描述 小明在学习了数据结构之后,突然想起了以前没有解决的算术 ...

  4. Ubuntu环境下手动配置ant

    配置ant 1. 下载ant(http://ant.apache.org/bindownload.cgi) 例如我下载的是:apache-ant-1.9.4-bin.tar.gz 解压ant,将文件夹 ...

  5. hdu 1271 整数对

    看了别人的解题报告a了, 大致思路就是 A=a+b*10^k+c*10^(k+1) B=a+c*10^k (在A中取出一位数后) N=A+B=2*a+b*10^k+11*c*10^k 这样就好做了,再 ...

  6. Android 手机震动 设置震动时间

    开启震动,单次,5秒: Vibrator vibrator = (Vibrator) getSystemService(VIBRATOR_SERVICE); //震动5秒 vibrator.vibra ...

  7. 重写equals()方法时，需要同时重写hashCode()方法

    package com.wangzhu.map; import java.util.HashMap; /** * hashCode方法的主要作用是为了配合基于散列的集合一起正常运行,<br/&g ...

  8. 安装eclipse for JavaEE 后的一些设置

    以下的设置是相对于一个workspace而设置的,如果更换了workspace则要重新设置. 1. 设置Text Editors: 2. 设置Content Assist 的快捷键(比较方便) 3. ...

  9. Qt源码分析之QObject

    原文:http://blog.csdn.net/oowgsoo/article/details/1529284 我感觉oowgsoo兄弟写的分析相当透彻,赞! 1.试验代码: #include < ...

  10. Retrofit分析-漂亮的解耦套路

    没耐心自己分析源码的同学,还可以参考Stay录制的视频版 Retrofit分析-漂亮的解耦套路(视频版) 万万没想到Retrofit会这么火,在没看源码之前,我简单的认为是因为它跟OkHttp同出一源 ...