window.showModalDialog传值并刷新父窗口示例，father.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>传值＋刷新父窗口 </TITLE>
<mce:script language="javascript
"><!--
function openson(){
var obj = new Object();
obj.name="张三";
obj.address="中国北京市";
var k =window.showModalDialog("child.html",obj,"dialogWidth:800px;dialogHeight:600p;status:no;");
if(k.type==""){ //传递回的type为空的时候才刷新页面。
alert("刷新了"); //为了看效果加的，实际运用中请注掉
location.reload();
}
}
// --></mce:script>
</HEAD>
<BODY>
<input type="button" value="打开子窗口" onclick="openson()">
</BODY>
</HTML>
child.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<mce:script for="window" event="onload"><!--
var s = new Object();
s.type="";
window.returnValue=s;
var k=window.dialogArguments;
alert(k.name); //使用传递过来的nanme "张三“;
alert(k.address); //使用传递过来的address "中国北京市“;
// --></mce:script>
<mce:script type="text/javascript"><!--
function doRefresh(){
var s=new Object();
s.type="";//设置返回值。//这里返回刷新父页面。
window.returnValue=s;
window.close();
}
function doNotRefresh(){
var s=new Object();
s.type="OK";//设置返回值,值随便写，不为空就可以。//这里返回不刷新父页面。
window.returnValue=s;
window.close();
}
// --></mce:script>
</HEAD>
<BODY>
<input type="button" value="返回刷新" onclick="doRefresh()">
<input type="button" value="返回不刷新" onclick="doNotRefresh()">
</BODY>
</HTML>
分享到：
相关推荐
### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中，经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能，允许创建...
本文档将深入探讨如何在子窗口关闭时刷新父窗口，包括使用`window.open()`、`window.showModalDialog()`以及jQuery进行操作的方法。 #### 一、使用`window.open()`刷新父窗口 `window.open()`方法用于创建一个新的...
### 刷新父窗口的多种方法 在Web开发中，经常会出现需要从子窗口或弹出窗口刷新父窗口的情况。这通常发生在使用JavaScript进行页面交互时。本文将详细介绍四种不同的方法来实现这一目标。 #### 1. 弹出子页面刷新...
根据给定文件的信息，本文将围绕“分页后弹出模态窗口刷新父窗口”的主题进行深入探讨。此话题主要涉及前端开发中的交互设计、页面更新机制以及如何在不同的页面间进行数据同步等内容。 ### 一、理解分页与模态窗口...
- 在父窗口中，通过判断`window.showModalDialog`的返回值来决定是否刷新页面。 - 如果返回值为真，则执行`window.location.reload()`。 #### 注意事项 - **浏览器兼容性问题**：`window.showModalDialog`是IE...
在网页开发中，有时我们需要从一个弹出的子窗口（通常是由 `window.open` 或 `window.showModalDialog` 方法打开的）来控制父窗口的行为，比如刷新父窗口的页面。这在很多应用场景下都非常有用，比如用户在子窗口...
而“刷新”按钮则用于刷新父窗口的内容。 #### 二、通过 `window.showModalDialog()` 实现交互 除了 `window.open()` 之外，还可以使用 `window.showModalDialog()` 来创建模态对话框。这种方法可以让父窗口保持在...
根据给定的代码片段和描述，“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括：使用JavaScript打开新窗口、父窗口与子窗口之间的通信，以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...
总之，通过`window.showModalDialog()`和`window.returnValue`，我们可以实现模态窗口与父窗口之间的通信，完成数据提交后刷新父窗口的效果。同时，理解JavaScript中与窗口交互相关的API和技巧，有助于提高代码的...
如果当前页面是子窗口，想要刷新父窗口，可以使用`self.opener.location.reload()`。`self`指的是当前窗口，`opener`则指向创建它的父窗口。 ```javascript self.opener.location.reload(); ``` 4. **刷新以`...
当子窗口执行完成其任务并准备关闭时，可以调用以下代码来刷新父窗口： ```javascript // 使用window.opener属性引用父窗口 // 修改父窗口的location.href，可以用来跳转到新的URL或刷新页面 window.opener....
以下是一些在不同场景下刷新父窗口的常见方法： 1. **`parent.location.reload()`** 当子页面是通过iframe或者frame加载在父页面中时，我们可以使用`parent.location.reload()`来刷新父页面。这个方法会重新加载父...
在JavaScript编程中，`showModalDialog`函数是一个非常有用的特性，用于创建模态对话框，即用户必须先关闭对话框才能与父窗口进行交互。在多层模态窗口的场景中，这个功能显得尤为重要，因为每层窗口可能需要独立的...
对于使用`window.showModalDialog()`打开的对话框，可以通过以下方式刷新父窗口： ```html window.parent.dialogArguments.document.execCommand('Refresh'); ``` `dialogArguments`对象提供了对调用`...
当对话框关闭时，父窗口可以通过`window.onmodaldialogreturn`事件监听返回值。但请注意，这个事件并不标准化，不同的浏览器可能有不同的实现。 7. **兼容性问题** `window.showModalDialog` 在一些现代浏览器中...
`来刷新父窗口。但是，在某些情况下，尤其是跨域环境下，`window.opener`可能返回null，导致此方法无效。这可能是因为浏览器的安全限制，阻止了跨域的父窗口的直接访问。 ### 解决跨域限制问题 解决上述问题的一种...
`setFather()`函数用于设置父窗口的值，而`returnValue()`和`relodeValue()`函数则分别用于返回一个值并关闭子窗口，以及关闭子窗口并要求刷新父窗口。 总结来说，这个示例展示了JavaScript中使用`window....
在对话框内部可以通过 `window.dialogArguments` 访问到父窗口的对象，从而实现对父窗口任意属性的访问和修改。 **示例代码**: ```javascript // 父窗口 window.showModalDialog("filename.htm", window); // ...
模态对话框的特点在于它会阻塞用户对父窗口的交互，直到对话框被关闭。相比之下，`showModelessDialog` 创建的是非模态对话框，用户可以同时与对话框和主窗口进行交互。 ### 一、`showModalDialog` 和 `...