`
MS_LStart
  • 浏览: 7819 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

window.showModalDialog弹出对话框刷新问题的总结

    博客分类:
  • JS
阅读更多
转http://www.cnblogs.com/zengwei/archive/2011/10/22/2221045.html
window.showModalDialog刷新父窗口和本窗口的方法及注意:

一.刷新父窗口的方法:
A.使用window.returnValue给父窗口传值,然后根据值判断是否刷新。

      在window.showModalDialog窗口页面中用window.returnValue方式设置返回值;
比如:window.returnValue='refresh';

B。在写window.showModalDialog弹出窗口函数时,定义个变量,然后根据变量值进行操作父窗口的操作;
例 如:var winPar=window.showModalDialog(urls,'ERPWINDOWS','dialogWidth='+widths+'px;dialogHeight='+heigths+'px;status=no;center=yes;scroll=no');
if(winPar == "refresh")
window.location.reload();//当window.showModalDialog窗口关闭时执行
winPar为A步骤给showModalDialog窗口设置的返回值

总结:由于window.showModalDialog函数打开一个IE的模式窗口(就是打开后不能操作父窗口,只能等模式窗口关闭时才能操作),

所以想要刷新父窗口只能在模式窗口关闭后执行。用window.returnValue可以向父窗口传值,这样一来可以用从模式窗口向父窗口传递值,

然后根据值判断操作父窗口的方式来刷新。这样在任何关闭了模式窗口后父窗口都会自动刷新.

二.刷新模式本窗口
showModalDialog窗口与window.open打开的窗口刷新本窗口时不同,showModalDialo窗口也不能用F5刷新,也没有右键操作
A. 在模式窗口页面中加入:     
<base target="_self"> //在html和body之间
<a id="reload" href="本页面url" style="display:none"></a>

   B. 在需要执行刷新操作的地方执行以下js:
reload.click();//reload为A中隐藏a标签的id,当然可以换成其它名称


三。注意事项

    在点击window.showModalDialog窗口的链接的时候会打开新窗口,想要阻止打开新窗口,需要在窗口页面中的html和body之间
加入: <base target="_self" />即可,有时候无效,需要换成<base target="_self"></base>
分享到:
评论

相关推荐

    针对window.showmodaldialog弹出窗体无刷新的详细使用

    在网页开发中,`window.showModalDialog` 是一个古老的 API,用于创建模态对话框,它可以在不刷新页面的情况下与用户交互。这个方法在现代Web开发中已经逐渐被`&lt;dialog&gt;`元素或JavaScript库如jQuery UI、Bootstrap ...

    window.showModalDialog的基本用法

    `window.showModalDialog` 和 `window.showModelessDialog` 提供了灵活的方式来创建弹出对话框,适用于需要与用户进行交互的应用场景。需要注意的是,这两个函数仅在 IE 浏览器中可用,并且由于现代浏览器的限制,...

    关于struts2里用javascript刷新window.showModalDialog的父页面

    1. **定义弹出对话框的方法**: ```javascript function addFlfg() { var url = "pages/supervisegarden/jump_queryUser.action"; var showModalUrl = window.showModalDialog(url, window, "dialogWidth=1000px...

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    ### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中,经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能,允许创建...

    jsp页面同时弹出页面和对话框

    二是使用`window.showModalDialog`方法弹出对话框,并深入探讨其应用场景及优缺点。 ### 一、通过`window.open`方法弹出对话框 `window.open`是JavaScript中用于创建新窗口的方法,可以灵活控制新窗口的属性如大小...

    javascript弹出对话框总结

    ### JavaScript弹出对话框知识点详解 #### 一、`window.open()` 方法 ...以上就是关于JavaScript弹出对话框的总结,涵盖了基本的弹出窗口方法、内置对话框、模态与非模态对话框以及与父窗口通信的相关知识点。

    子窗口刷新父窗口总结

    这在诸如弹出框进行数据编辑、表单提交等场景中尤为常见。本文档将深入探讨如何在子窗口关闭时刷新父窗口,包括使用`window.open()`、`window.showModalDialog()`以及jQuery进行操作的方法。 #### 一、使用`window....

    刷新父窗口的多种方法

    在Web开发中,经常会出现需要从子窗口或弹出窗口刷新父窗口的情况。这通常发生在使用JavaScript进行页面交互时。本文将详细介绍四种不同的方法来实现这一目标。 #### 1. 弹出子页面刷新父窗口 在打开一个新的窗口...

    javascript弹出窗口问题总结

    本篇文章将针对JavaScript弹出窗口的相关问题进行总结,包括无提示刷新网页、刷新页面的方法、弹出窗口代码、模式窗口的数据刷新问题、模式窗口中链接弹出新窗口以及无提示关闭页面的方法。 1. **无提示刷新网页** ...

    JS弹出窗口的各种传值方法.pdf

    在JavaScript中,弹出窗口通常指的是使用`window.open()`、`window.showModalDialog()`或`window.showModelessDialog()`等方法创建的新窗口。这些方法在Web应用中常用于实现一些交互性的功能,如用户确认、数据输入...

    JS中表单的使用小结

    在本篇文章中,我们主要总结了JavaScript(JS)中表单的使用方法,并针对页面刷新、弹出窗口操作、无缓存设置、页面关闭以及定时关闭弹出窗口等关键技术点进行了详细介绍。 首先,页面的刷新是一个常见的需求,可以...

    页面刷新实现方法总结

    结合`window.showModalDialog`与脚本刷新,可以创建复杂的交互体验,如弹出对话框并刷新主窗口: ```javascript window.showModalDialog("对话框页面地址", window, "特性"); ``` 之后,可以通过修改`location....

    javascript刷新父页面

    在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的页面。这在很多应用场景下都非常有用,比如用户在子窗口...

    javascript网页对话框.pdf

    本文主要关注JavaScript中的两种弹出窗口技术:`window.open`和`window.showModalDialog`/`window.showModelessDialog`。 首先,`window.open`是JavaScript中最常见的用于打开新窗口的方法。它接受三个参数:`url`...

    showModalDialog 和 showModelessDialog

    `showModalDialog`和`showModelessDialog`是JavaScript中用于弹出对话框的方法,主要用于在Web应用程序中创建交互式的用户体验。这两个方法都是`window`对象的成员,用于打开一个新的浏览器窗口,但它们的行为有所...

    避免 showModalDialog 弹出新窗体的原因分析

    showModalDialog和showModelessDialog 一、showModalDialog和... 二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口? 在被打开的网页里加上&lt;base target=”_self”&gt;就可以了。这句话一

    在使用showModalDialog中为解决刷新时弹出新窗口时用到iframe所带来的一个问题

    在标题提到的问题中,当使用`showModalDialog`并结合`iframe`来实现弹窗功能时,如果页面被刷新,可能会出现一个新的弹出窗口。这是因为`showModalDialog`通常会保留其状态,而页面刷新会重置这些状态,导致再次调用...

    showModalDialog和showModelessDialog的用法

    **showModalDialog** 和 **showModelessDialog** 是JavaScript中用于创建弹出对话框的方法,它们在使用场景和交互行为上有所不同。 1. **showModalDialog** - **特点**: 弹出的对话框具有模态特性,即一旦对话框被...

    javascript网页对话框.docx

    需要注意的是,由于弹出窗口可能被视为侵入性的用户体验,现代Web设计倾向于使用模态HTML元素(如`&lt;dialog&gt;`)或JavaScript库(如jQuery UI)来模拟对话框效果,以避免浏览器的弹出窗口阻止机制。同时,`...

    分页后弹出模态窗口刷新父窗口

    - 给定代码中的`window.showModalDialog`函数就是用来弹出模态窗口的。该函数接收三个参数:模态窗口的URL、调用者的窗口对象以及窗口的配置选项。 ### 二、实现逻辑分析 #### 1. 模态窗口弹出逻辑 - `function ...

Global site tag (gtag.js) - Google Analytics