zoukankan      html  css  js  c++  java
  • JS弹出框

    一、JS三种最常见的对话框

    1.alert()警告框

         alert是警告框,只有一个按钮“确定”无返回值,警告框经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行操作。

    2.confirm()确认框

         confirm是确认框,两个按钮,确定或者取消,返回true或false。确认框用于使用户可以验证或者接受某些信息。当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。

    3.prompt()输入框

         prompt是提示框,返回输入的消息,或者其默认值提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

    <html>
      <head>
        
        <title>test</title>
        
        <script type="text/javascript">
             
            //弹出对话框并输出一段提示信息  
            function fun1(){
                alert("这是警告框");
            }
            
            //弹出一个询问框,有确定和取消按钮
            function fun2(){
                //利用对话框返回的值 (true 或者 false)
                if(confirm("你确定提交么")){
                    alert("你点击了确定");
                }
                else{
                    alert("你点击了取消");
                }
            }
            
            //弹出一个输入框,输入一段文字,可以提交 
            function fun3(){
                //将输入的内容赋给变量 name 
                var name = prompt("请输入您的名字","");
                
                alert(name);
                if(name){//如果返回的有内容
                    alert("欢迎您: " + name);
                }
            }
            
        </script>
        
      </head>
      
      <body>
      
          <input type="button"  value="警告框" onclick="fun1();"/><br>
          
          <input type="button"  value="询问框" onclick="fun2();"/><br>
      
          <input type="button"  value="输入框" onclick="fun3();"/><br>
          
      </body>
    </html>
  • 相关阅读:
    day01--计算机硬件基础笔记
    22 Jun 18 Django,ORM
    21 Jun 18 Django,ORM
    20 Jun 18 复习, mysql
    20 Jun 18 Django,ORM
    19 Jun 18 复习, 正则表达式
    19 Jun 18 Django
    15 Jun 18 复习, shutil模块
    15 Jun 18 Django
    14 Jun 18 复习, form表单
  • 原文地址:https://www.cnblogs.com/yangang2013/p/5785320.html
Copyright © 2011-2022 走看看