按需求设计,一个窗口中,点击按扭,弹出模式窗口,在模式窗口中,添加完数据后(提交),关闭模式窗口,并且刷新父窗口,而恰恰模式窗口并不支持window.opener,所以无法获得父窗口,也就是说无法在关闭模式窗口后,来得到父窗口,但是可以借助showModealDialog的返回值来判断是否刷新,当调用showModealDialog时,父窗口代码会停在这一行,当弹出的模式窗口关闭时给window.returnValue赋值,再调用window.close()方法,最后submit提交,等数据提交后,会关闭了模式窗口,此时程序返回到父窗口,showModealDialog得到返回值,接下来,根据返回值即可决定是否要reload,注意:为避免打开新窗口,一定要在父窗口的<head>下加入<base target="_self" />,这样子就实现了关闭模式窗口来刷新父窗口了。
代码1:parent form
function showDatas(){
var re=window.showModalDialog("url","parameter","description");
if(re==1){
window.location.reload();
}
}
代码2:modal form
function subForm(){
window.returnValue="1";
window.close();
document.getElementById("myForm").submit();
}
---------------------------------------------------------------------------------------------------------------
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口,其实解决方法很简单如下。
在子窗口自身使用
<base target = "_self">
放在head标签中
<head>
<BASE target=_self>
</head>
--------------------我实际中的使用--------------------
父页面:
function editItBrand(id){
var url = "editItBrand.jsp?id="+id;
var re=window.showModalDialog(url,window,"dialogWidth:610px;dialogHeight:390px;");
if(re==1){
//window.location.href=window.location.href ;
window.location.reload();
}
}
子页面:
<head>
<base target = "_self">
</head>
function submitForm(){
window.returnValue="1";
window.close();
myform.submit();
}
分享到:
相关推荐
3. **父窗口的更新**:在子窗口的AJAX成功回调函数中,我们可以调用`parent.window.location.reload()`来刷新父窗口。这样,父窗口将获取到最新的数据并重新渲染页面。 这个过程的关键在于通过AJAX保持页面的异步...
### 子窗口刷新父窗口技术总结 在网页开发中,我们常常遇到需要在子窗口完成某些操作后,刷新或更新父窗口数据的情况。这在诸如弹出框进行数据编辑、表单提交等场景中尤为常见。本文档将深入探讨如何在子窗口关闭时...
通过上述介绍,我们可以看出,根据具体的应用场景和需求,可以选择不同的方法来实现子窗口刷新父窗口的目标。每种方法都有其适用的场合和局限性,开发者应该根据实际需求选择最合适的方式。此外,随着浏览器技术的...
而“刷新”按钮则用于刷新父窗口的内容。 #### 二、通过 `window.showModalDialog()` 实现交互 除了 `window.open()` 之外,还可以使用 `window.showModalDialog()` 来创建模态对话框。这种方法可以让父窗口保持在...
例如,用户在子窗口中操作后,通过Ajax向服务器提交数据,服务器响应后,子窗口将更新结果告知父窗口,父窗口根据情况决定是否刷新显示新的数据。这个过程体现了Web开发中的前后端分离原则,以及提升用户体验的现代...
- **表单提交后刷新父窗口**:用户在子窗口中完成表单填写并提交后,通常希望看到的是父窗口中的内容被更新。 - **数据更新后的页面刷新**:当子窗口完成了一些数据操作,如删除、添加等操作后,需要立即反映在父...
在本例中,子窗口提供了三个按钮:关闭自己、关闭父窗口以及刷新父窗口。其中,“关闭自己”按钮不仅会关闭子窗口,还会将子窗口中的数据传递给父窗口中的相应字段;而“关闭父窗口”则会先断开与父窗口的关系再关闭...
总的来说,"在同一个页面父窗口打开子窗口"结合动态无刷新提交,利用jQuery的Ajax功能,可以创建出高效且用户体验优良的Web应用。同时,考虑到不同浏览器的兼容性,使得这些功能能够在更广泛的用户群中得到应用。...
例如,在一个购物网站上,用户可以在子窗口添加商品到购物车,然后通过刷新父窗口来即时显示购物车的更新情况。 通过以上知识点,我们可以实现子父窗口的刷新功能,让用户体验更加流畅和交互性更强的网页应用。在...
在提供的代码片段中,`Page.ClientScript.RegisterStartupScript`函数被用来注册一段JavaScript脚本,这段脚本的作用是修改父窗口中某个元素的值,并最终刷新父窗口的位置,以触发页面的重新加载,从而显示最新的...
可以在表单元素中设置`target`属性为`_top`,这样表单提交后就会刷新整个父窗口。 ```html 目标URL" method="post" target="_top"> <!-- 表单内容 --> ``` 这种方式的优点是不需要额外的JavaScript代码,但是只...
5. **子窗口刷新父窗口**:当有一个子窗口需要触发父窗口的刷新时,可以使用`window.opener`属性: ```javascript // 子窗口的JavaScript function reloadParent() { window.opener.location.reload(); } ```...
子窗口刷新父窗口或其另一窗口的场景: ```javascript // 刷新父窗口 window.opener.location.href = window.opener.location.href; // 调用父窗口的方法 window.opener.flushLeft(); // 关闭当前子窗口 window....
在标题"JavaScript关闭子窗口"中,我们关注的是如何利用JavaScript来关闭由父窗口打开的子窗口。这个功能常见于分步表单、多窗口导航或弹出窗口的场景。 首先,了解窗口对象是关键。在JavaScript中,`window`对象...
4. **父窗口接收并更新**:在父窗口中,我们需要监听子窗口的关闭事件,以便在子窗口关闭时获取返回值并进行相应的更新。可以使用`window.onbeforeunload`或`window.onunload`事件来实现: ```javascript window....
在实际应用中,可能需要在这些窗口间传递数据,例如,用户在子窗口中填写表单后,将信息回传到父窗口进行进一步处理。 要实现父窗口和子窗口之间的数据通信,可以使用以下几种方法: 1. **使用`window.opener`属性...
2. **事件监听**:在父窗口中,我们需要添加一个事件监听器来接收子窗口发送的消息。这可以通过`window.addEventListener('message', callback)`实现,回调函数会处理接收到的信息。确保在回调中验证消息来源,防止...
2. 使用 window.opener.location.reload() 方法,可以刷新父窗口。 3. 使用 window.dialogArguments.location.reload() 方法,可以刷新模式窗口。 三、JavaScript 弹出窗口代码 window.open() 方法是 JavaScript ...
本文主要介绍在网页开发中,如何利用JavaScript技术实现在当前窗口关闭前检测到窗口的关闭操作。这是网页开发中一个比较常见的需求,通常用于在用户尝试离开页面时进行提示,例如保存未提交的表单数据等。文章通过...
在框架或弹出窗口中,当子窗口中的数据改变后,可能需要更新父窗口的内容,这时就可以使用此方法。 ### `RefreshOpener` 与`RefreshParent`类似,但作用于打开当前窗口的窗口。即,如果当前窗口是由另一个窗口打开...