zoukankan      html  css  js  c++  java
  • javascript入门系列演示·三种弹出对话框的用法实例

    对话框有三种

    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://chjbbs.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>
  • 相关阅读:
    codeforces C. Fixing Typos 解题报告
    codeforces B. The Fibonacci Segment 解题报告
    codeforces B. Color the Fence 解题报告
    codeforces B. Petya and Staircases 解题报告
    codeforces A. Sereja and Bottles 解题报告
    codeforces B. Levko and Permutation 解题报告
    codeforces B.Fence 解题报告
    tmp
    API 设计 POSIX File API
    分布式跟踪的一个流行标准是OpenTracing API,该标准的一个流行实现是Jaeger项目。
  • 原文地址:https://www.cnblogs.com/chjbbs/p/4798372.html
Copyright © 2011-2022 走看看