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

最新推荐文章于 2021-02-28 11:11:17 发布

liliugen

最新推荐文章于 2021-02-28 11:11:17 发布

阅读量100

点赞数

分类专栏： JS 文章标签： HTML Java

本文链接：https://blog.csdn.net/liliugen/article/details/83760782

版权

JS 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

第一个问题：刷新父窗口(没有传值操作)

父页面打开时一定要传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>    

<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);     



}     

</script>  

</HEAD>    

<BODY>    

<input type="button" value="open" onclick="show()">    

</BODY>    

</HTML>

son.html

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

}     

</script>    

</HEAD>    

<BODY>    

test    

<input type="button" value="close" onclick="aa()">    

</BODY>    

</HTML>

第二个问题：只传值不刷新

parent2.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    

<HTML>    

<HEAD>    

<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);     


}     

</script>    

</HEAD>    

<BODY>    

<input type="button" value="open" onclick="show()">    

test  

<input type="text">    

</BODY>    

</HTML>

son2.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    
<HTML>    
<HEAD>    
<TITLE> New Document </TITLE>    
</HEAD>    
<BODY>    
test 
<br>
		<label id="test"></label>
		<br>
<div id="bb"></div>
<br>
<div id="cc"></div>
</BODY>    
<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);     
 document.getElementById("test").innerHTML = aa;
document.getElementById("bb").innerHTML = bb;
document.getElementById("cc").innerHTML = cc;
</script> 
</HTML>

第三个问题：传值＋刷新父窗口

father.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    

<HTML>    

<HEAD>    

<title>传值＋刷新</title>    

<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();        

}     



}     

</script>    

</HEAD>    


<BODY>    

<input type="button" value="open" onclick="show()">    
test    
<input type="text">    

</BODY>    

</HTML>

child.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    

<HTML>    

<HEAD>    

<TITLE> New Document </TITLE>    

<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();        

}      

</script>    

</HEAD>    



<BODY>    

sdafsdfafasdf<br>    

<input type="button" value="closeAndRefresh" onClick="closeWindow()" />    

    <input type="button" value="closeAndRefresh" onClick="doNotRefresh()" />    

</BODY>    

</HTML>

liliugen

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window.showModalDialog刷新父窗口父子窗口之间传值问题

第一个问题：刷新父窗口(没有传值操作) 父页面打开时一定要传window参数 openModalDialog("son.html",window,800,600); 子页面中刷新： window.dialogArguments.location="parent.html";//parent.html是父页面的地址 ...
复制链接

扫一扫