对话框有三种

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 ，所以可以轻松用于 ifelse判断 </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>

文章来源：http://www.cnblogs.com/thcjp/archive/2006/08/04/468047.html

【转】javascript入门系列演示·三种弹出对话框的用法实例的更多相关文章

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

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

  2. 【JSP】三种弹出对话框的用法实例

    对话框有三种 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. JavaScript中的三种弹出框的区别与使用

    JavaScript中有三种原生的弹出框,分别是alert.confirm.prompt.分别表示弹出框.确认框.信息框. 以下是示例代码: <!DOCTYPE html> <htm ...

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

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

随机推荐

  1. html网页标题

    HTML代码 <html> <head> <!--<title>定义网页标题,显示在浏览器的标题--> <title>网页标题</ti ...

  2. PHP版本区别

  3. 微信Accesstoken通过xml文件方式保存

    //获取accessToken public static AccessToken GetAccessToken() { string AppID = JobBase.GetConfParamValu ...

  4. Magento删除产品同时删除图片

    在Magento后台删除产品时,默认不会删除产品的图片,如果长期不清理这些废弃的图片,会导致Media目录下的文件越来越多,浪费服务器空间,为了实现删除产品的同时删除图片,网络上常见的方法是修改Mag ...

  5. 图像和滚动 、 编程规范和Xcode（一）

    1 在界面上以各种模式显示图片 1.1 问题 在ios开发中经常需要展示图片以满足需求和美化界面,本案例将学习如何以代码的方式使用UIImageView视图控件来展示图片,如图-1所示: 图-1 1. ...

  6. Linux bashrc和profile的用途和区别

    导读 使用终端ssh登录Linux操作系统的控制台后,会出现一个提示符号(例如:#或~),在这个提示符号之后可以输入命令,Linux根据输入的命令会做回应,这一连串的动作是由一个所谓的Shell来做处 ...

  7. js部分---类型，变量；

    <script type="text/javascript">1.注释:用“//或者/**/”2.数据类型: (1)整型 int (2)小数类型 单精度float 双精 ...

  8. Java 23种设计模式全解析

    转自:http://blog.csdn.net/longyulu/article/details/9159589

  9. php归获取当前目录下的二级目录数 和文件数

    <?php        header('Content-Type: text/html; charset=gb2312');        // $baseDir = "/www/u ...

  10. HDU-2196 Computer （树形DP）

    题目大意:在一棵带边权的有根树中,对于每个点,找出它与离它最远的那个点的之间的距离. 题目分析:对于一个点,离它最远的点只有两种情况,一是它到叶子节点的最远距离,一是与它父亲的距离加上他的父亲到叶子节 ...