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>

 

 


演示一:

演示二:

演示三:

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

相关文章推荐

JavaScript 弹出对话框3种方式

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

js 弹出对话框3种方式

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

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

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

javascript弹出对话框总结

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

javascript做的弹出对话框

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

JavaScript 几个常用的弹出对话框提示案例

在Asp.net 2.0 开发过程中,常会需要用到弹出对话框提示,我做了简单的封装,使用方便,贴出来。 public class Jscript { privat...

javascript 弹出模态对话框

  • 2011年04月20日 10:12
  • 4KB
  • 下载

【javascript】弹出窗口对话框showModalDialog /open

a1.jsp  function openwin(){ //模式对话框,弹出后此页面就不可获得焦点 window.showModalDialog("index.jsp",window...

JavaScript对话框(弹出层) – artDialog类库

artDialog是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。 演示地址:http://www.planeart.cn/demo/artDialo...
  • xiaowq
  • xiaowq
  • 2011年08月23日 12:30
  • 1583

漂亮的javascript对话框(弹出层)组件

javascript对话框(弹出层)组件artDialog   artDialog是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。   演示地址:htt...
  • gameWYD
  • gameWYD
  • 2011年09月20日 09:44
  • 1799
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript 弹出对话框3种方式
举报原因:
原因补充:

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