javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码

转载  2009-11-28   作者:   我要评论

javascript 多层模态窗口showModalDialog页面提交及刷新
在第N(N>1)层的模态页面中,如果想链接到其他页面或者刷新当前页,只能用
window.name = "__self";
window.open(window.location.href, "__self") //注意是2个下划线
替换 location.href

当需要关闭第N(N>1)层的模态窗口,并刷新第N-1层的模态页面时, 为防止刷新时弹出新窗口, 可以通过returnValue 以传递返回值给第N-1层模态窗口,来确认是否需要刷新
在按钮的提交事件中:
代码
复制代码 代码如下:

Response.Write("<script language='javascript'> ");
Response.Write("var w;if(window.dialogArguments != null) w = window.dialogArguments;");
Response.Write("window.returnValue=1;window.close();");
Response.Write("</script>");

在第N-1层模态窗口内控制模态窗口的弹出并确认是否需要刷新该页面
代码
复制代码 代码如下:

<script type="text/javascript">
function OpenShowDialog(id) {
var isReflesh = window.showModalDialog('Test.aspx?id=' + id, window, 'dialogWidth=670px;dialogHeight=250px;status:no;directories:yes;scrollbar:no;Resizable:no');
if (isReflesh == 1) {
window.name = "__self";
window.open(window.location.href, "__self")
}
}
</script>

相关文章

  • Bootstrap CSS组件之按钮组(btn-group)

    Bootstrap CSS组件之按钮组(btn-group)

    这篇文章主要为大家详细介绍了Bootstrap CSS组件之按钮组(btn-group),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 一个js的tab切换效果代码[代码分离]

    一个js的tab切换效果代码[代码分离]

    看了此文(YUI实现的Tab 切换),有感而发,写了一个tab切换的函数,做学习之用。原生js实现,因为框架不好玩。
    2010-04-04
  • JavaScript易错知识点整理

    JavaScript易错知识点整理

    本文主要对JavaScript易错知识点进行整理和汇总。需要的朋友可以看下,希望对大家有所帮助
    2016-12-12
  • js面向对象之静态方法和静态属性实例分析

    js面向对象之静态方法和静态属性实例分析

    这篇文章主要介绍了js面向对象之静态方法和静态属性,实例分析了静态方法和静态属性的原理及应用,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • 利用javascript判断文件是否存在

    利用javascript判断文件是否存在

    本篇文章主要介绍了利用javascript判断文件是否存在的方法。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • js实现进度条的方法

    js实现进度条的方法

    这篇文章主要介绍了js实现进度条的方法,实例分析了两种不同的实现方法,并说明了setTimeout和setInterval的使用区别,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • 微信QQ的二维码登录原理js代码解析

    微信QQ的二维码登录原理js代码解析

    这篇文章主要大家详细解析了微信QQ的二维码登录原理js代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • 原生js实现addClass,removeClass,hasClass方法

    原生js实现addClass,removeClass,hasClass方法

    这篇文章主要介绍了原生js实现addClass,removeClass,hasClass方法和使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能,需要的朋友可以参考下
    2016-04-04
  • 基于javascript实现动态显示当前系统时间

    基于javascript实现动态显示当前系统时间

    这篇文章主要介绍了基于javascript实现动态显示当前系统时间,以一个完整实例形式较为详细的分析了js动态显示当前系统时间的实现技巧,需要的朋友可以参考下
    2016-01-01
  • js实现快速分享功能(你的文章分享工具)

    js实现快速分享功能(你的文章分享工具)

    这是一款简单易用的文章分享工具,您只需将下面的html代码拷贝到模板中就可以实现文章快速分享功能,具体的实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-06-06

最新评论