zoukankan      html  css  js  c++  java
  • javascript对话框

    javascript对话框只要有3种方式:alert()使用频率比较高     prompt()     confirm()

     

    1.alert() 方法会创建一个独立的小窗口---对话框。

     

    alert代码示例:

    1 <html> 
    2 <head><title>alert的实例</title></head> 
    3 <body> 
    4    <script type="text/javascript"> 
    5       alert("这是alert的输出方法"); 
    6       alert("好的,我知道了"); 
    7    </script> 
    8 </body> 
    9 </html> 

     

     

    2.prompt()方法用来要求用户输入少量的信息,该方法有两个参数:一个文本字符串向用户提出问题,第二个文本字符串是文本框中显示的初始默认值,如果第二个参数为空字符串,文本框就什么也不显示。用户在文本框中输入一个值,按OK按钮后会将该值传递给变量,没输入值,按OK按钮会传递null。

     

    prompt代码示例:

    1 <html>  
    2 <head><title>prompt的实例</title></head>  
    3 <body>  
    4    <script type="text/javascript">  
    5       var name=prompt("你叫什么名字","linknan");  //你叫什么名字为像用户提出问题。   linknan为文本框的初始默认值 
    6       alert(name);     //如果在文本框输出小明,就会把小明这个值传递给name并以对话框的形式弹出。 
    7    </script>  
    8 </body>  
    9 </html>  

     

     1 <html>   
     2 <head><title>prompt的实例</title></head>   
     3 <body>   
     4    <script type="text/javascript">  
     5      var name=prompt("你叫什么名字","") 
     6      if(name==null){     //如果用户点击了取消按钮 
     7          alert("你没告诉我你叫什么名字哦!");     //就输出:你没告诉我你叫什么名字哦! 
     8      }  
     9      else{ 
    10          alert(name+"是个好名字哦!")     //如果用户输入了小明这个值,就输出小明是个好名字哦! 
    11     } 
    12    </script>  
    13 </body>   
    14 </html>   

     

    3.confirm()方法用来确认某一问题的答案,按确定按钮,对话框会返回ture,按取消按钮,对话框会返回false。用户必须单击其中一个按钮才能使程序继续执行。

     

    confirm代码示例:

     1 <html>   
     2 <head><title>prompt的实例</title></head>   
     3 <body>   
     4    <script type="text/javascript"> 
     5     if(confirm("你是好人吗?") == true){     //如果用户单击了确定按钮 
     6         alert("原来你真是一个好人");     //输出:原来你真是一个好人 
     7         } 
     8         else{ 
     9         alert("你是一个坏人");     //如果用户单击了取消按钮,就会输出:你是一个坏人 
    10         } 
    11    </script>  
    12 </body>   
    13 </html>

     

  • 相关阅读:
    ASP.NET中Session,Application,Viewstate,Cache,隐藏域和带参数的传接收值的用法
    JS页面跳转搜集
    SQL中常用的日期转化
    DIV+CSS兼容性解决IE6/IE7/FF浏览器的通用方法
    C#中将数据导出为EXCEL方式汇总
    正则表达式大全
    ASP.NET中Cookie用法小节
    div+CSS浏览器兼容问题整理
    站长常用的200个js代码
    [转]主机和终端
  • 原文地址:https://www.cnblogs.com/52css/p/2507175.html
Copyright © 2011-2022 走看看