|
第一個問題:刷新父窗口(沒有傳值操作)
父頁面打開時一定要傳window參數(shù)
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" onclick="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" onclick="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" onclick="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="打開子窗口" 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>
第四個 傳值+刷新的實際應用
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" onclick="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>
|