window.showModalDialog刷新父窗口 父子窗口之间传值

最新推荐文章于 2022-09-07 15:10:05 发布
最新推荐文章于 2022-09-07 15:10:05 发布
阅读量5.7k 收藏 1
点赞数
分类专栏： javascript 文章标签： html button function input object javascript
第一个问题：刷新父窗口(没有传值操作)  

父页面打开时一定要传window参数  
openModalDialog("son.html",window,800,600);  
子页面中刷新：  
window.dialogArguments.location="parent.html";//parent.html是父页面的地址  

实例：  
parent.html  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> </TITLE>
<mce:script type="text/javascript"><!--  
function openModalDialog(url,name,iWidth,iHeight)  
{   
window.showModalDialog(url,name,'edge: Raised; center: Yes; help: Yes; resizable: Yes; status: No;dialogHeight:'+iHeight+'px;dialogWidth:'+iWidth+'px');  
}  
function show(){  
openModalDialog("son.html",window,800,600);  

}  
// --></mce:script>
</HEAD>

<BODY>
<input type="button" value="open" οnclick="show()">
</BODY>
</HTML>

son.html  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<mce:script type="text/javascript"><!--  
function aa(){  
self.close();  
window.dialogArguments.location="parent.html";  

}  
// --></mce:script>
</HEAD>

<BODY>
ssssssssssssssssssssssssssssssssss  
<input type="button" value="close" οnclick="aa()">
</BODY>
</HTML>

=================================  
第二个问题：只传值不刷新  
parent2.html  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<mce:script type="text/javascript"><!--  
function show(){  
var params = new Array();  
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>
<input type="button" value="open" οnclick="show()">
aaaaaaaaaaaaaaaaaanfddddaas  
<input type="text">
</BODY>
</HTML>

son2.html  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<mce:script type="text/javascript"><!--  
var l_array=new Array();  
l_array=window.dialogArguments;  
var aa=l_array[0];  
var bb=l_array[1];  
var cc=l_array[2];  
alert(aa);  
alert(bb);  
alert(cc);  
// --></mce:script>
</HEAD>

<BODY>
ssssssssssssssssssssssssssssssssss  
</BODY>
</HTML>
第三个问题：传值＋刷新父窗口  

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="打开子窗口" οnclick="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="返回刷新" οnclick="doRefresh()">   
   <input type="button" value="返回不刷新" οnclick="doNotRefresh()">   
</BODY>     
</HTML>     
     
第四个 传值＋刷新的实际应用  

parent3.html  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>传值＋刷新</title>
<mce:script type="text/javascript"><!--  
function show(){  
var params = new Array();  
params[0] = "00000000000";  
params[1] ="1111111111";  
params[2]="22222222222";  
var style = "dialogHeight:600px;dialogWidth:800px;status:no";  
var k=window.showModalDialog("son3.html",params, style);  
if(k.type==""){ //传递回的type为空的时候才刷新页面。  
alert("刷新我了");  
location.reload();     
}  

}  
// --></mce:script>
</HEAD>

<BODY>
<input type="button" value="open" οnclick="show()">
aaaaaaaaaaaaaaaaaanfddddaas  
<input type="text">
</BODY>
</HTML>

son3.html  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<mce:script type="text/javascript"><!--  
var s = new Object();  
s.type="";   //设为空就可以刷新父窗口  
window.returnValue=s;   


var l_array=new Array();  
l_array=window.dialogArguments;  
var aa=l_array[0];  
var bb=l_array[1];  
var cc=l_array[2];  
alert(aa);  
alert(bb);  
alert(cc);  

function closeWindow(){  
window.close();  
}  

function doNotRefresh(){     
var s=new Object();     
s.type="OK";//设置返回值,值随便写，不为空就可以。//这里返回不刷新父页面。     
window.returnValue=s;     
window.close();     
}   
// --></mce:script>
</HEAD>

<BODY>
sdafsdfafasdf<br>
<input type="button" value="closeAndRefresh" onClick="closeWindow()" />
    <input type="button" value="closeAndRefresh" onClick="doNotRefresh()" />
</BODY>
</HTML>

ZKLxuankai
关注
专栏目录
'window.ShowModalDialog'在Chrome中不起作用
04-07
`window.open()` 可以创建一个新的浏览器窗口或者打开一个已经存在的窗口，并且可以设置新窗口的各种属性，如位置、大小、是否显示工具栏等。虽然它不能直接提供与 `showModalDialog()` 相同的模态效果，但可以通过...
window.showModalDialog模式对话框和 window.open的区别
05-27
与`showModalDialog`不同，`window.open`创建的窗口是非模态的，用户可以在新窗口和原窗口之间自由切换。 `window.open`的主要用途是创建新的浏览器窗口或标签页，通常用于链接或表单提交的重定向。它也支持返回一...
window.showModalDialog刷新父窗口和本窗口的方法及注意
yangpanwww的博客
05-21 325
window.showModalDialog刷新父窗口和本窗口的方法及注意： 一.刷新父窗口的方法：   A.使用window.returnValue给父窗口传值，然后根据值判断是否刷新。       在window.showModalDialog窗口页面中用window.returnValue方式设置返回值；      比如：window.returnValue='refresh';   ...
SharePoint 2010 使用SP.UI.ModalDialog.showModalDialog(options)对话框框架传值
weixin_30675247的博客
11-08 145
如图，主页面叫BasePage.aspx，被弹出的页面叫popupForm.aspx，弹出窗口的代码是： var options = {url: ‘popupForm.aspx’,args: null,title: ‘Select Value’,dialogReturnValueCallback: dialogCallback};SP.UI.ModalDialog.showModalDial...
window.showModalDialog页面传值给父窗体
水至清而无鱼
07-14 2049
两个页面父窗体页面代码
window.showModalDialog关闭子页面后刷新父页面
cxws110的博客
05-16 1053
父页面方法： function addbz(id){ var url="${ctx}/erp/pmDesign/pmDesign/addBZ.ht?id="+id;//URL地址 //弹出框 var k=window.showModalDialog(url,"_self","dialogWidth=500px;dialogHeight=300px...
showModalDialog通过window.returnValue向父页面传值
sky_xin的专栏
04-01 230
父页面： function showValue(){ var values= openwindow(); if(values != null){ //alert(values.cardNo); } function openwindow() { var result; var url = '../../main_hbyf/s...
JavaScript中window.showModalDialog()用法详解
10-25
总的来说，window.showModalDialog()是JavaScript中一个功能强大的API，可以让开发者方便地创建模态对话框，并且能够很好地管理父子窗口之间的交互。但在使用时，需要注意浏览器兼容性问题，并且要合理利用API提供的...
google不支持window.showModalDialog问题解决方案
03-16
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用法简介
骆枫专栏
04-12 1720
window.showModalDialog以及window.open用法简介 一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法：window.open(pageURL,name,parameters) 其中：pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数
# winform 用子窗体刷新父窗体,子窗体改变父窗体控件的值
xiaofan_sap的专栏
05-07 2208
第一种方法: 用委托,Form2和Form3是同一组 Form2 C#代码 using System;   using System.Collections.Generic;   using System.ComponentModel;   using System.Data;   using System.Drawing;   using System
window.showModalDialog 与window.open传递参数的不同？
热门推荐
一笑天
03-29 1万+
简单的说，就是一个在弹出窗口之后可以做其它的事，即window.open 另一个在弹出窗口之后不能做其它的事，只能是关闭了当前的窗口之后才能做其它的事，即window.showModalDialog 那么两者在使用上有什么不同呢？他们分别是如何和父窗口进行交互的呢？   先来看window.showModalDialog的例子： 我这里现在有一个父窗体parent.jsp，它里面有一个
window.showModalDialog打开窗口传参，取参
xgs
10-16 1104
window.showModalDialog(url,pParam,'dialogWidth=40;dialogHeight=10;status=no;');//打开url窗口传参pParam pParam=window.dialogArguments;//url窗口页面取出被传参数
html中opendialog方法,JS中window对象的open和openDialog方法使用
weixin_42509236的博客
06-23 2010
JS中window对象的open和openDialog方法使用 弹出窗口控制-window.open() 弹出窗口控制-CSS+DIV 弹出窗口控制-网页对话框 2009-03-29 15:46 分类：javaScript 字号： 大大 中中 小小 这里说的网页对话框是指通过脚本代码打开一个新的窗口，并且该窗口可以有返回值。网页对话框分为网页模式对话框和网页非模式对话框。(模式和非模式的区别我在这...
showModalDialog基本操作-父子窗口互传参数
weixin_30896763的博客
12-01 97
父窗口代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&lt...
【chrome&Edge不兼容openModalDialog弹出模态窗口window.showModalDialog解决办法】
weixin_50188421的博客
09-07 3511
现在项目中只能在IE打开弹窗页面，在chrome/Edge无法打开弹窗。
js中window.open和showModalDialog的区别
漂泊一剑客的专栏
07-10 1812
转载地址：http://www.jb51.net/article/32590.htm 在JS中打开新窗口一直在用open()，showModalDialog()几乎已被遗忘，showModalDialog和open一样也是3个参数，showModalDialog(文件地址,window,窗口属性)，open(文件地址,window,窗口属性)。 1. open打开的新窗口标
showModalDialog子頁不刷新父頁問題
My Program Blogs
04-23 979
在C#父窗口後台的 gridView事件 RowDataBound用到了 e.Row.Attributes.Add方法(不采用LinkButton等方法，因為想用ondblclick　GridView方法)調用前台showModalDialog方法顯示子窗口,無奈子窗口關閉時不會刷新父窗口的情況,紅色字體為解決的語句,具體實現如下:父窗口後台代碼:protected void gridvi
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值