window.showModalDialog传值并刷新父窗口示例，father.html
<!DOCTYPEHTML PUBLIC "-//W3C//DTD HTML 4.0Transitional//EN">
<HTML>
<HEAD>
<TITLE>传值＋刷新父窗口</TITLE>
<mce:scriptlanguage="javascript"><!--
functionopenson(){
var obj = newObject();
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>
<inputtype="button" value="打开子窗口"onclick="openson()">
</BODY>
</HTML>
===================================================
child.html
<!DOCTYPEHTML PUBLIC "-//W3C//DTD HTML 4.0Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<mce:scriptfor="window"event="onload"><!--
var s = new Object();
s.type="";
window.returnValue=s;
vark=window.dialogArguments;
alert(k.name); //使用传递过来的nanme "张三“;
alert(k.address);//使用传递过来的address "中国北京市“;
//--></mce:script>
<mce:scripttype="text/javascript"><!--
function doRefresh(){
var s=new Object();
s.type="";//设置返回值。//这里返回刷新父页面。
window.returnValue=s;
window.close();
}
functiondoNotRefresh(){
var s=newObject();
s.type="OK";//设置返回值,值随便写，不为空就可以。//这里返回不刷新父页面。
window.returnValue=s;
window.close();
}
//--></mce:script>
</HEAD>
<BODY>
<inputtype="button" value="返回刷新"onclick="doRefresh()">
<input type="button" value="返回不刷新"onclick="doNotRefresh()">
</BODY>
</HTML>
window.showModalDialog传值刷新应用示例、
window.showModalDialog传值刷新应用示例，传值＋刷新的实际应用
parent3.html
<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">
<HTML>
<HEAD>
<title>传值＋刷新</title>
<mce:scripttype="text/javascript"><!--
functionshow(){
var params = newArray();
params[0] ="00000000000";
params[1]="1111111111";
params[2]="22222222222";
var style ="dialogHeight:600px;dialogWidth:800px;status:no";
vark=window.showModalDialog("son3.html",params,style);
if(k.type==""){//传递回的type为空的时候才刷新页面。
alert("刷新我了");
location.reload();
}
}
//--></mce:script>
</HEAD>
<BODY>
<inputtype="button" value="open"onclick="show()">
aaaaaaaaaaaaaaaaaanfddddaas
<inputtype="text">
</BODY>
</HTML>
son3.html
<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> NewDocument </TITLE>
<mce:scripttype="text/javascript"><!--
var s = newObject();
s.type="";//设为空就可以刷新父窗口
window.returnValue=s;
var l_array=new Array();
l_array=window.dialogArguments;
varaa=l_array[0];
varbb=l_array[1];
var cc=l_array[2];
alert(aa);
alert(bb);
alert(cc);
function closeWindow(){
window.close();
}
functiondoNotRefresh(){
var s=newObject();
s.type="OK";//设置返回值,值随便写，不为空就可以。//这里返回不刷新父页面。
window.returnValue=s;
window.close();
}
//--></mce:script>
</HEAD>
<BODY>
sdafsdfafasdf<br>
<inputtype="button" value="closeAndRefresh"onClick="closeWindow()" />
<input type="button" value="closeAndRefresh"onClick="doNotRefresh()" />
</BODY>
</HTML>
window.showModalDialog只传值不刷新的示例
window.showModalDialog只传值不刷新的示例，只传值不刷新
parent2.html
<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">
<HTML>
<HEAD>
<mce:scripttype="text/javascript"><!--
functionshow(){
var params = newArray();
params[0] ="00000000000";
params[1]="1111111111";
params[2]="22222222222";
var style ="dialogHeight:600px;dialogWidth:800px;status:no";
window.showModalDialog("son2.html",params,style);
}
//--></mce:script>
</HEAD>
<BODY>
<inputtype="button" value="open"onclick="show()">
aaaaaaaaaaaaaaaaaanfddddaas
<inputtype="text">
</BODY>
</HTML>
===================================================
son2.html
<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> NewDocument </TITLE>
<mce:scripttype="text/javascript"><!--
var l_array=newArray();
l_array=window.dialogArguments;
varaa=l_array[0];
varbb=l_array[1];
varcc=l_array[2];
alert(aa);
alert(bb);
alert(cc);
//--></mce:script>
</HEAD>
<BODY>
ssssssssssssssssssssssssssssssssss
</BODY>
</HTML>
window.showModalDialog刷新父窗口不传值的示例
window.showModalDialog刷新父窗口不传值的示例，刷新父窗口(没有传值操作)
父页面打开时一定要传window参数
openModalDialog("son.html",window,800,600);
子页面中刷新：
window.dialogArguments.location="parent.html";//parent.html是父页面的地址
实例：
parent.html
<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<mce:scripttype="text/javascript"><!--
functionopenModalDialog(url,name,iWidth,iHeight)
{
window.showModalDialog(url,name,'edge:Raised; center: Yes; help: Yes; resizable: Yes; status:No;dialogHeight:'+iHeight+'px;dialogWidth:'+iWidth+'px');
}
functionshow(){
openModalDialog("son.html",window,800,600);
}
//--></mce:script>
</HEAD>
<BODY>
<inputtype="button" value="open"onclick="show()">
</BODY>
</HTML>
================================================
son.html
<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> NewDocument </TITLE>
<mce:scripttype="text/javascript"><!--
functionaa(){
self.close();
window.dialogArguments.location="parent.html";
}
//--></mce:script>
</HEAD>
<BODY>
ssssssssssssssssssssssssssssssssss
<inputtype="button" value="close"onclick="aa()">
</BODY>
</HTML>
本文来自: IT知道网(http://www.itwis.com/)
详细出处参考：http://www.itwis.com/html/programme/javascript/20101015/9289.html
分享到：
相关推荐
总结一下，`window.showModalDialog`更适合需要用户完成特定任务并收集反馈的场合，因为它是阻塞的，用户无法忽略对话框继续操作。而`window.open`则更灵活，常用于打开新的浏览环境，如新标签页或窗口，允许用户...
This is a `window.showModalDialog()` shim using a modal HTML5 `<dialog>` element and ECMAScript 6 Generators. It was tested in the latest Google Chrome with the *Enable Experimental JavaScript* flag ...
Window.showModalDialog 和 Window.open 都是 JavaScript 中的方法，用于创建新窗口或对话框，下面分别介绍它们的用法和参数。 一、Window.open() 方法 Window.open() 方法用于打开一个新的浏览器窗口，可以指定新...
3. 主页面通过URL参数接收目标站点返回的值，并关闭`showModalDialog`弹出的窗口。 这个方法巧妙地绕过了跨域限制，实现了跨域`showModalDialog`的返回值传递。需要注意的是，虽然这种方法可行，但它依赖于特定的...
在网页开发中，`window.showModalDialog` 是一个古老的 API，用于创建模态对话框，它可以在不刷新页面的情况下与用户交互。这个方法在现代Web开发中已经逐渐被`<dialog>`元素或JavaScript库如jQuery UI、Bootstrap ...
在JavaScript编程语言中，`Window.showModalDialog()`方法是一个非常重要的功能，主要用于打开一个模态对话框，即用户必须关闭对话框才能与父窗口进行交互。这个方法在创建用户交互和自定义弹出窗口场景中非常有用。...
以下示例展示了如何在新窗口中设置 `window.returnValue` 并在原始窗口中接收返回值： ```javascript // 在原始窗口中 function selectAreaInfo() { var result = window.showModalDialog("selectAreaInfo.aspx", ...
window.showModalDialog以及window.open用法简介
在JavaScript编程中，`window.showModalDialog`是一个用于打开模态对话框的函数，它能够创建一个新的浏览器窗口或者在当前窗口内显示一个弹出层，阻止用户与父窗口的交互，直到用户关闭对话框为止。这个方法在创建...
【window.showModalDialog() 方法详解】 在Web开发中，JavaScript提供了两种对话框方式来与用户交互，即模态对话框和非模态对话框。本文将重点介绍模态对话框的使用方法`window.showModalDialog()`。 模态对话框是...
其中一个常见的场景就是通过`window.showModalDialog`方法打开一个新窗口，并在完成某些操作后刷新父页面。本文将详细介绍如何在Struts2项目中实现这一功能。 #### Struts2简介 Struts2是基于MVC设计模式的一个...
### window.showModalDialog 的基本用法 `window.showModalDialog` 是一个早期的浏览器功能，主要在 Internet Explorer（IE）4.0 及以上版本中支持。它用于打开一个新的模态对话框窗口，并且该窗口将阻止用户与主...
2. **子窗口向父窗口传递值**：子窗口可以通过`window.returnValue`属性设置返回值，当子窗口关闭时，这个值会被返回给父窗口的`showModalDialog`调用。 3. **子窗口调用父窗口的方法**：子窗口可以获取对父窗口的...
通过以上步骤，我们可以实现使用`showModalDialog`弹出窗口并在关闭时不刷新父窗口的需求。这种方法不仅能够提高用户体验，还能更好地管理页面的状态。需要注意的是，随着浏览器对`showModalDialog`的支持逐渐减少，...
1> window.showModalDialog()采用JS原理实现，同时父窗口不可操作，window.open()采用新创建一个窗口，同时父窗口可操作； 2> 父窗口与子窗口传递值的方式也有所不同，在子窗口中操作父窗口也语法也不同，分别为var...
本篇文章将深入探讨`showModalDialog`如何用于刷新窗口，并通过例子进行详细讲解。 `showModalDialog`的基本语法如下： ```javascript window.showModalDialog(url, windowObject, features); ``` - `url`：这是...
主页面用window.showModalDialog的时候,如果直接打开其它系统的页面,这时候别人的页面在window.returnValue=1;这样返回值的时候,主页面是取不到返回值的,原因就是因为跨域了.
刷新以`window.showModalDialog()`方法打开的窗口 `window.showModalDialog()`是一个特殊的函数，它可以用来打开模态对话框。这种方式下的子窗口通常是模态窗口，意味着用户必须先关闭这个窗口才能继续操作主窗口...