父亲和儿子窗口传值示,父亲和儿子窗口传值示

作者: 关于计算机  发布:2019-09-20

先简介一下基本知识:
一、window.open()辅助情状: Java1.0+/J1.0+/Nav2+/IE3+/Opera3+
二、基本语法:
window.open(pageURL,name,parameters)
其中:
pageURL 为子窗口路线
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
三、每一样参数
中间yes/no也可选择1/0;pixel value为现实的数值,单位象素。
参数 | 取值范围 | 表达
alwaysLowered | yes/no | 钦赐窗口隐蔽在有着窗口之后
alwaysRaised | yes/no | 钦赐窗口悬浮在具有窗口之上
depended | yes/no | 是还是不是和父窗口相同的时间关闭
directories | yes/no | Nav2和3的目录栏是或不是可知
height | pixel value | 窗口中度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素中度
innerWidth | pixel value | 窗口汉语档的像素宽度
location | yes/no | 地方栏是还是不是可知
menubar | yes/no | 菜单栏是或不是可知
outerHeight | pixel value | 设定窗口(包罗装饰边框)的像素中度
outerWidth | pixel value | 设定窗口(饱含装饰边框)的像素宽度
resizable | yes/no | 窗口大小是不是可调动
screenX | pixel value | 窗口距显示器左边界的像素长度
screenY | pixel value | 窗口距显示屏上边界的像素长度
scrollbars | yes/no | 窗口是还是不是可有滚动栏
titlebar | yes/no | 窗口标题栏是或不是可知
toolbar | yes/no | 窗口工具栏是不是可知
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是不是浮在别的窗口之上
window.showModalDialog使用手册
中央介绍:
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用来创制一个显得HTML内容的模态对话框。
window.showModelessDialog()方法用来创立二个显示HTML内容的非模态对话框。
使用办法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数表达:
sURL--
必选参数,类型:字符串。用来钦点对话框要来得的文档的UPorsche911L。
vArguments--
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包罗数组等。对话框通过window.dialogArguments来收获传递踏入的参数。
sFeatures--
可选参数,类型:字符串。用来说述对话框的外观等音讯,能够使用以下的一个或多少个,用分号“;”隔开。
1.dialogHeight :对话框高度,不低于100px,IE4中dialogHeight 和 dialogWidth 暗中认可的单位是em,而IE5中是px,为便于其见,在概念modal格局的对话框时,用px做单位。
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离显示屏左的距离。
4.dialogTop: 离荧屏上的相距。
5.center: {yes | no | 1 | 0 }:窗口是或不是居中,默许yes,但还可以够钦命高度和宽度。
6.help: {yes | no | 1 | 0 }:是不是出示扶助开关,私下认可yes。
7.resizable: {yes | no | 1 | 0 } [IE5+]:是还是不是可被改换大小。私下认可no。
8.status: {yes | no | 1 | 0 } [IE5+]:是还是不是出示状态栏。默感觉yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是不是出示滚动条。默感到yes。
上边几天性格是用在HTA中的,在形似的网页中一般不应用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }:在打字与印刷大概打字与印刷预览时对话框是或不是隐伏。暗中认可为no。
11.edge:{ sunken | raised }:指明对话框的边框样式。默以为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。
参数传递:

先简介一下基本知识:
一、window.open()扶助条件: Java1.0+/J1.0+/Nav2+/IE3+/Opera3+
二、基本语法:
window.open(pageURL,name,parameters)
其中:
pageU凯雷德L 为子窗口路线
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
三、各种参数
里头yes/no也可利用1/0;pixel value为切实的数值,单位象素。
参数 | 取值范围 | 说明
alwaysLowered | yes/no | 钦点窗口隐蔽在具备窗口之后
alwaysRaised | yes/no | 钦点窗口悬浮在具有窗口之上
depended | yes/no | 是不是和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是或不是可见
height | pixel value | 窗口中度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口普通话档的像素中度
innerWidth | pixel value | 窗口汉语档的像素宽度
location | yes/no | 地方栏是还是不是可知
menubar | yes/no | 菜单栏是不是可知
outerHeight | pixel value | 设定窗口(包蕴装饰边框)的像素中度
outerWidth | pixel value | 设定窗口(包含装饰边框)的像素宽度
resizable | yes/no | 窗口大小是还是不是可调动
screenX | pixel value | 窗口距显示屏右边界的像素长度
screenY | pixel value | 窗口距荧屏上边界的像素长度
scrollbars | yes/no | 窗口是还是不是可有滚动栏
titlebar | yes/no | 窗口标题栏是不是可知
toolbar | yes/no | 窗口工具栏是或不是可知
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是不是浮在其余窗口之上
window.showModalDialog使用手册
骨干介绍:
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用来创立多个来得HTML内容的模态对话框。
window.showModelessDialog()方法用来创建两个显示HTML内容的非模态对话框。
选用形式:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明:
sURL--
必选参数,类型:字符串。用来钦赐对话框要呈现的文书档案的UENCOREL。
vArguments--
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包罗数组等。对话框通过window.dialogArguments来获得传递步入的参数。
sFeatures--
可选参数,类型:字符串。用来说述对话框的外观等音信,能够动用以下的二个或多少个,用分号“;”隔开分离。
1.dialogHeight :对话框高度,比非常的大于100px,IE4中dialogHeight 和 dialogWidth 默许的单位是em,而IE5中是px,为方便其见,在概念modal格局的对话框时,用px做单位。
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离荧屏左的偏离。
4.dialogTop: 离显示屏上的离开。
5.center: {yes | no | 1 | 0 }:窗口是不是居中,默许yes,但还是可以够钦赐中度和幅度。
6.help: {yes | no | 1 | 0 }:是还是不是出示帮忙按键,暗中认可yes。
7.resizable: {yes | no | 1 | 0 } [IE5+]:是还是不是可被更动大小。暗中同意no。
8.status: {yes | no | 1 | 0 } [IE5+]:是或不是出示状态栏。默认为yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是或不是出示滚动条。默以为yes。
下边几个属性是用在HTA中的,在相似的网页中貌似不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }:在打字与印刷恐怕打字与印刷预览时对话框是不是隐身。默认为no。
11.edge:{ sunken | raised }:指明对话框的边框样式。暗中认可为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。
参数字传送递:

1.要想对话框传递参数,是通过vArguments来展开传递的。类型不限制,对于字符串类型,最大为40九十多个字符。也得以传递对象,比方:

parent.htm

复制代码 代码如下:

<script type="text/javascript">
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>

modal.htm

复制代码 代码如下:

<script type="text/javascript">
var obj = window.dialogArguments
alert("您传递的参数为:" + obj.name)
</script>


1.要想对话框传递参数,是透过vArguments来进展传递的。类型不限定,对于字符串类型,最大为40一百个字符。也能够传递对象,举例:

parent.htm
复制代码 代码如下:
<script type="text/javascript">
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>

modal.htm
复制代码 代码如下:
<script type="text/javascript">
var obj = window.dialogArguments
alert("您传递的参数为:" + obj.name)
</script>


2.足以透过window.returnValue向展开对话框的窗口重返消息,当然也足以是目的。比如:

parent.htm

复制代码 代码如下:

< type="text/java">
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>

modal.htm

复制代码 代码如下:

<script type="text/javascript">
window.returnValue="//www.jb51.net";
</script>

在IE中,大家能够动用showModalDialog来传值。
语法如下:
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
只是.在Firefox中却沒有showModalDialog方法,可是大家得以用window.open()
语法如下:
oNewWindow = window.open( [sURL] [, sName] [, sFeatures] [, bReplace])
只是,在Firefox下,window.open的参数中,sFeature多了一部分作用设定,而在FireFox下要让开启的视窗跟IE的showModalDialog同样的话,只要在sFeatures中加個modal=yes就能够了。
上面用二个演示来注解其用法。
功能表达:从子窗口中输入颜色连串提交到父窗口,并增添选项到下拉列表。
a.html

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns=";
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>a.html文档</title>
<script language="javascript">
function openstr()
{
ReturnValue=window.showModalDialog("b.html",window,"dialogWidth=510px;dialogHeight=150px;status=no");
if(ReturnValue && ReturnValue!="")
{
oOption = document.createElement('OPTION');
oOption.text=ReturnValue;
oOption.value=ReturnValue;
document.all.txtselect.add(oOption);
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<select name="txtselect" id="txtselect">
</select>
</label>
<label>
<input type="button" name="Submit" value="展开子窗口" onclick="openstr()" />
</label>
</form>
</body>
</html>

b.html

复制代码 代码如下:

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>b.html文档</title>
<script language="javascript">
function ClickOk()
{
var t=document.Edit;
var url=t.color.value;
if(url==null||url=="填写颜色") return(false);
window.returnValue=url;
window.close();
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="2" align="center" width="300">
<form name="Edit" id="Edit">
<tr>
<td width="30" align="right" height="30">color:</td>
<td height="30"><input type="text" name="color" value="填写颜色" /></td>
<td width="56" align="center" height="30"><input " type="button" name="bntOk" value="确认" onclick="ClickOk();" /> </td>
</tr>
</form>
</table>
</body>
</html>
修改为包容IE和FireFoxr的代码如下:
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns=";
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>a.html文档</title>
<script type="text/javascript">
function openstr()
{
window.open("b.html","","modal=yes,width=500,height=500,resizable=no,scrollbars=no");
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<select name="txtselect" id="txtselect">
</select>
</label>
<label>
<input type="button" name="Submit" value="展开子窗口" onclick="openstr()" />
</label>
</form>
</body>
</html>

b.html

复制代码 代码如下:

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>b.html文档</title>
<script type="text/javascript">
function ClickOk()
{
var t=document.Edit;
var color=t.color.value;
if(color==null||color=="填写颜色") return(false);
var oOption = window.opener.document.createElement('OPTION');
oOption.text=url;
oOption.value=url;
//检查浏览器类型
var bname = navigator.appName;
if (bname.search(/netscape/i) == 0)
{
window.opener.document.getElementById("txtselect").appendChild(oOption);
}
else if (bname.search(/microsoft/i) == 0)
{
window.opener.document.all.txtselect.add(oOption);
}
else
{
}
window.close();
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="2" align="center" width="300">
<form name="Edit" id="Edit">
<tr>
<td width="30" align="right" height="30">color:</td>
<td height="30"><input type="text" name="color" value="填写颜色" /></td>
<td width="56" align="center" height="30"><input " type="button" name="bntOk" value="确认" onclick="ClickOk();" /> </td>
</tr>
</form>
</table>
</body>
</html>

12下一页开卷全文

2.能够通过window.returnValue向张开对话框的窗口重回音讯,当然也足以是目的。比如:

parent.htm
复制代码 代码如下:
< type="text/java">
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>

modal.htm
复制代码 代码如下:
<script type="text/javascript">
window.returnValue="http://www.jb51.net";
</script>

在IE中,大家能够使用showModalDialog来传值。
语法如下:
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
唯独.在Firefox中却沒有showModalDialog方法,可是大家能够用window.open()
语法如下:
oNewWindow = window.open( [sURL] [, sName] [, sFeatures] [, bReplace])
只是,在Firefox下,window.open的参数中,sFeature多了一些职能设定,而在Fire福克斯下要让开启的视窗跟IE的showModalDialog一样的话,只要在sFeatures中加個modal=yes就足以了。
下边用贰个示范来验证其用法。
职能表明:从子窗口中输入颜色体系提交到父窗口,并增加选项到下拉列表。
a.html
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>a.html文档</title>
<script language="javascript">
function openstr()
{
ReturnValue=window.showModalDialog("b.html",window,"dialogWidth=510px;dialogHeight=150px;status=no");
if(ReturnValue && ReturnValue!="")
{
oOption = document.createElement('OPTION');
oOption.text=ReturnValue;
oOption.value=ReturnValue;
document.all.txtselect.add(oOption);
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<select name="txtselect" id="txtselect">
</select>
</label>
<label>
<input type="button" name="Submit" value="张开子窗口" onclick="openstr()" />
</label>
</form>
</body>
</html>

b.html
复制代码 代码如下:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>b.html文档</title>
<script language="javascript">
function ClickOk()
{
var t=document.Edit;
var url=t.color.value;
if(url==null||url=="填写颜色") return(false);
window.returnValue=url;
window.close();
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="2" align="center" width="300">
<form name="Edit" id="Edit">
<tr>
<td width="30" align="right" height="30">color:</td>
<td height="30"><input type="text" name="color" value="填写颜色" /></td>
<td width="56" align="center" height="30"><input " type="button" name="bntOk" value="确认" onclick="ClickOk();" /> </td>
</tr>
</form>
</table>
</body>
</html>
修改为包容IE和FireFoxr的代码如下:
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>a.html文档</title>
<script type="text/javascript">
function openstr()
{
window.open("b.html","","modal=yes,width=500,height=500,resizable=no,scrollbars=no");
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<select name="txtselect" id="txtselect">
</select>
</label>
<label>
<input type="button" name="Submit" value="张开子窗口" onclick="openstr()" />
</label>
</form>
</body>
</html>

b.html
复制代码 代码如下:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>b.html文档</title>
<script type="text/javascript">
function ClickOk()
{
var t=document.Edit;
var color=t.color.value;
if(color==null||color=="填写颜色") return(false);
var oOption = window.opener.document.createElement('OPTION');
oOption.text=url;
oOption.value=url;
//检查浏览器类型
var bname = navigator.appName;
if (bname.search(/netscape/i) == 0)
{
window.opener.document.getElementById("txtselect").appendChild(oOption);
}
else if (bname.search(/microsoft/i) == 0)
{
window.opener.document.all.txtselect.add(oOption);
}
else
{
}
window.close();
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="2" align="center" width="300">
<form name="Edit" id="Edit">
<tr>
<td width="30" align="right" height="30">color:</td>
<td height="30"><input type="text" name="color" value="填写颜色" /></td>
<td width="56" align="center" height="30"><input " type="button" name="bntOk" value="确认" onclick="ClickOk();" /> </td>
</tr>
</form>
</table>
</body>
</html>

实例代码:

上边是网络的仇人发表一篇测验代码,我们能够测量试验下。
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>主页面</title>
</head>
<script type="text/javascript"><!--
//传数组
function check(){
var mxh1 = new Array("mxh","net_lover","孟子E章")
window.showModalDialog("test.html",mxh1,"unadorned:0;scroll:0;status:false;dialogWidth:380px;dialogHeight:200px");
}
//传对象
function check1(){
var obj = new Object();
obj.name="zhangsan";
obj.age=2;
obj.sex="男";
window.showModalDialog("aaa.html",obj,"unadorned:0;scroll:0;status:false;dialogWidth:380px;dialogHeight:200px");
}
// --></script>
<body onload="check1();">
</body>
</html>

test.html 源代码:
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>得到主页面包车型地铁值</title>
</head>
<body>
script type="text/javascript"><!--
//传数组方式
//var test = dialogArguments;
//alert(test[0]);
//alert(test[1]);
//alert(test[2]);
//传对象格局
var obj = dialogArguments;
alert(obj.name);
alert(obj.age);
alert(obj.sex);

// --></script>
<input type="text" />
</body>
</html>

showModalDialog 传值及刷新
showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候重返值到父窗口.
farther.html
复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document </TITLE>
<META content="EditPlus" name="Generator">
<META content="" name="Author">
<META content="" name="Keywords">
<META content="" name="Description">
<script language="javascript">
<!--
function openChild(){
var k = window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px");
if(k != null)
document.getElementById("txt11").value = k;
}
//-->
</script>
</HEAD>
<BODY>
<FONT face="宋体"></FONT>
<br>
传递到父窗口的值:<input id="txt9" type="text" value="3333333333333" name="txt9"><br>
回到的值:<input id="txt11" type="text" name="txt11"><br>
子窗口设置的值:<input id="txt10" type="text" name="txt10"><br>
<input id="Button1" onclick="openChild()" type="button" value="openChild" name="Button1">
</BODY>
</HTML>

child.html
复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document </TITLE>
<META content="EditPlus" name="Generator">
<META content="" name="Author">
<META content="" name="Keywords">
<META content="" name="Description">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
</HEAD>
<BODY>
<FONT face="宋体"></FONT>
<br>
父窗口传递来的值:<input id="txt0" type="text" name="txt0"><br>
输入要安装父窗口的值:<input id="txt1" type="text" name="txt1"><input id="Button1" onclick="setFather()" type="button" value="设置父窗口的值" name="Button1"><br>
输入再次回到的值:<input id="txt2" type="text" name="txt2"><input id="Button2" onclick="retrunValue()" type="button" value="关闭切重返值" name="Button2">
<input id="Button3" onclick="" type="button" value="关闭刷新父窗口" name="Button3">
<script language="javascript">
<!--
var k=window.dialogArguments;
//得到父窗口传递来的值
if(k!=null)
{
document.getElementById("txt0").value = k.document.getElementById("txt9").value;
}
//设置父窗口的值
function setFather()
{
k.document.getElementById("txt10").value = document.getElementById("txt1").value
}
//设置再次回到到父窗口的值
function retrunValue()
{
var s = document.getElementById("txt2").value;
window.returnValue=s;
window.close();
}
//-->
</script>
</BODY>
</HTML>

说明:
出于showModalDialog缓存严重,下边是在子窗口撤除客商端缓存的设置.也足以在劳务器端撤除缓存,仿效:
剧本之家的下一篇小说。
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
(二)上边是关闭刷新父窗口的例证
farther.html
复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
<!--
function openChild()
{
var k = window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px");
if(k == 1)//判别是不是刷新
{
alert('刷新');
window.location.reload();
}
}
//-->
</script>
</HEAD>
<BODY>
<br>
传送到父窗口的值:<input id="txt9" type="text" value="3333333333333" NAME="txt9"><br>
<input type="button" value="openChild" onclick="openChild()" ID="Button1" NAME="Button1">
</BODY>
</HTML>

child.html
复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document </TITLE>
<META content="EditPlus" name="Generator">
<META content="" name="Author">
<META content="" name="Keywords">
<META content="" name="Description">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
</HEAD>
<BODY>
<FONT face="宋体"></FONT>
<br>
父窗口传递来的值:<input id="txt0" type="text" name="txt0"><br>
<input id="Button1" onclick="winClose(1)" type="button" value="关闭刷新父窗口" name="Button1">
<input id="Button2" onclick="winClose(0)" type="button" value="关闭不刷新父窗口" name="Button2">
<script language="javascript">
<!--
var k=window.dialogArguments;
//获得父窗口传递来的值
if(k!=null)
{
document.getElementById("txt0").value = k.document.getElementById("txt9").value;
}
//关闭窗口重返是或不是刷新的参数.
function winClose(isRefrash)
{
window.returnValue=isRefrash;
window.close();
}
//-->
</script>
</BODY>
</HTML>

说明
1.上边是撤消客户端缓存的:
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
也足以在劳务器端撤除缓存,参照他事他说加以考察脚本之家下一篇小说
2.向父窗口传递解说在ASP.NET中也能够是用aaa.aspx?id=1的措施传递.
3.不刷新父窗口的话在父窗口中一贯那样一来设置能够.
<script>
window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px");
</script>
4.在子窗口中若要提交页面包车型大巴话要出席:,那样就不会张开新窗口了.
<head>
<base target="_self">
</HEAD>

你恐怕感兴趣的稿子:

  • js操作模态窗口及父子窗口间互相传值示例
  • JavaScript落实弹出子窗口并传值给父窗口
  • JavaScript新窗口与子窗口传值详解
  • js创设子窗口同一时候回传值示例代码
  • JAVASCTiggoIPT落实的WEB页面跳转以及页面间传值方法
  • JS父页面与子页面相互传值方法
  • JS中Iframe之间传值及子页面与父页面应用
  • JavaScript贯彻在页面间传值的主意
  • javascript弹出页面回传值的措施
  • JS轻巧落到实处父亲和儿子窗口传值功效示例【未利用iframe框架】

本文由贝博体育app发布于关于计算机,转载请注明出处:父亲和儿子窗口传值示,父亲和儿子窗口传值示

关键词: