您的位置：首页 > 运维架构

window.open() 父子页面的传参&传值问题

2015-10-28 09:33 351 查看

window.open() 传参问题：

父页面中：

Java代码

window.open('url', '', 'resizable=1, menuBar=0, toolBar=0, scrollbars=yes, Status=yes, resizable=1');

url页面拿父页面的xx元素赋值

Java代码

opener.document.getElementById("xx").value="newValue";

Java代码

if(window.opener){//判断是否有父窗口,即打开本页面的窗口

    window.opener.location.reload();//刷新父窗口

    window.opener.close();  //关闭父窗口

}

window.open() 传值问题（参考：http://www.cnblogs.com/gavindou/archive/2008/04/09/1143858.html）：

a.html(父)

注意：window.open("b.html","","modal=yes,width=500,height=500,resizable=no,scrollbars=no"); 中的第3个参数一定要有 modal=yes

Java代码

<!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>

<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（子）

Java代码

<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=document.getElementById("color").value;

oOption.value=document.getElementById("color").value;

//检查浏览器类型

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>

</he
d60a
ad>

<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" id="color" value="填写颜色" /></td>

<td width="56" align="center" height="30"><input " type="button" name="bntOk" value="确认" onclick="ClickOk();" /> </td>

</tr>

</form>

</table>

</body>

</html>

Java代码

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jsp

相关文章推荐

新的分享

章节导航