JavaScript 弹出对话框3种方式

原创 2007年09月12日 13:18:00



js 弹出对话框3种方式
对话框有三种
1:只是提醒,不能对脚本产生任何改变;
2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断
3:一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片
下面我们分别演示: 复制以下代码存为test.htm文件

<html>
<head>
    
<title>无标题页</title>
</head>
<script language="javascript" type="text/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>
<body>
    
<p>演示一:提醒 对话框</p>
    
<input type="submit" name="Submit" value="提交" onclick="ale()" />
    
<p>演示二 :确认对话框 </p>
    
<input type="submit" name="Submit2" value="提交" onclick="firm()" />
    
<p>演示三 :要求用户输入,然后给个结果</p>
    
<input type="submit" name="Submit3" value="提交" onclick="prom()" />
</body>
</html>

 

 


演示一:

演示二:

演示三:

版权声明:本文为博主原创文章,未经博主允许不得转载。

Android常用的五种弹出对话框

一个Android开发中常用对话框的小例子,共有五种对话框:普通弹出对话框,单选对话框,多选对话框,输入对话框及进度条样式对话框:     xmlns:tools="http://schemas...
  • true100
  • true100
  • 2015年03月20日 14:08
  • 2119

js弹出框、对话框、提示框、弹窗总结

js弹出框、对话框、提示框、弹窗总结 一、JS的三种最常见的对话框 [javascript] view plaincopy //=...
  • anhuidelinger
  • anhuidelinger
  • 2013年11月29日 14:30
  • 407067

SAP 中的popup dialog (弹出对话框) 常见实现方法

方法1: FM:POPUP_TO_CONFIRM(标准对话弹出消息) 有三个按钮:YES-NO-CANL,可进行相应的逻辑判断 可设定标题,描述问题,不方便对文本进行换行等排版,不能改变弹出框大...
  • forever_crazy
  • forever_crazy
  • 2014年09月19日 10:45
  • 6001

JavaScript 弹出对话框3种方式

js 弹出对话框3种方式 对话框有三种  1:只是提醒,不能对脚本产生任何改变;  2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断  3:...
  • zyxwvutsrqponmlkjihg
  • zyxwvutsrqponmlkjihg
  • 2013年06月19日 11:38
  • 506

js 弹出对话框3种方式

js 弹出对话框3种方式 1:只是提醒,不能对脚本产生任何改变; 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3:一个带输入的对话框,可...
  • xmqywx
  • xmqywx
  • 2012年11月15日 15:30
  • 625

js 弹出对话框3种方式

  html xmlns="http://www.w3.org/1999/xhtml">   head>   met
  • husongzhen
  • husongzhen
  • 2013年01月04日 09:43
  • 310

JavaScript弹出对话框的三种方式-alert()-confirm()-prompt()区别和联系

JavaScript弹出对话框的三种方式 投稿:mrr 字体:[增加 减小] 类型:转载 时间:2016-03-23 我要评论 本文主要介绍了javascript中的三种弹出对话框,分别是...
  • qq3892997
  • qq3892997
  • 2017年07月03日 15:08
  • 646

javascript弹出对话框总结

  • 2013年01月04日 11:55
  • 6KB
  • 下载

javascript做的弹出对话框

  • 2008年11月03日 11:36
  • 11KB
  • 下载

javascript 弹出模态对话框

  • 2011年04月20日 10:12
  • 4KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript 弹出对话框3种方式
举报原因:
原因补充:

(最多只允许输入30个字)