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

最新推荐文章于 2019-04-09 17:37:57 发布
最新推荐文章于 2019-04-09 17:37:57 发布
阅读量1.4k 收藏
点赞数
分类专栏： javascript 文章标签： Java 浏览器 IE HTML Microsoft
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_2555/article/details/81598624
版权
window.open() 传参问题：
父页面中： 
window.open('url', '', 'resizable=1, menuBar=0, toolBar=0, scrollbars=yes, Status=yes, resizable=1');


url页面拿父页面的xx元素赋值 
opener.document.getElementById("xx").value="newValue";


if(window.opener){//判断是否有父窗口,即打开本页面的窗口
    window.opener.location.reload();//刷新父窗口
    window.opener.close();	//关闭父窗口
}



[b]window.open() 传值问题（参考：http://www.cnblogs.com/gavindou/archive/2008/04/09/1143858.html）：[/b]
a.html(父)
注意：window.open("b.html","","modal=yes,width=500,height=500,resizable=no,scrollbars=no"); 中的第3个参数一定要有 [b]modal=yes[/b] 
<!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（子） 
<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> 
</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" 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>



var url = '/xxx/xx.jsp?yearNum='+yearNum;

		if (typeof window.ActiveXObject != 'undefined') { // 支持IE浏览器
			var weekNum=document.getElementById("weekNum").value;
			var arguments    = new Array();
			arguments[0] = weekNum;
			var returnValue = window.showModalDialog(url,arguments,'dialogHeight:500px;dialogWidth:380px;dialogTop:300px; dialogLeft:500px;center:yes;scroll:yes;status:no;resizable:no;edge:raised;help:no;unadorned:yes');
			if(returnValue!=null && returnValue[0]){
				document.getElementById("weekNum").value=returnValue[1];
				document.getElementById("beginDate").value=returnValue[2];
				document.getElementById("endDate").value=returnValue[3];
			} 
		}
		else if((typeof document.implementation != 'undefined')
					&&(typeof document.implementation.createDocument!='undefined')) { // 支持Mozilla浏览器

			window.open(url,'weekNum','modal=yes,menubar=0,status=0,toolbar=0,scrollbars=1,resizable=1,width=400px,height=500px,top=300,left=500');

		}
iteye_2555
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
window.open父子窗口传值问题
03-27
Web开发中的window.open父子窗口传值问题 部署在tomcat中进行
window.open() 父子页面的传值问题
weixin_30689307的博客
12-22 136
if(window.opener){//判断是否有父窗口,即打开本页面的窗口 window.opener.location.reload();//刷新父窗口 window.opener.close(); //关闭父窗口 } 实现无刷新传值 在父页面里写下： $('#YuYueBH').click(function(){ va...
window open 父子页面之间的传值
蹲在电饭煲上的猫
04-09 592
<!--------子页面获取父页面的值--------> 父页面html <input type="hidden" value="123" name="TestName"/> 子页面获取 --注意是name var flag = window.opener.document.all.TestName.value; <!--------父页面获取子页面的值...
window.open打开的页面向父页面传值
七夜之家
02-17 704
父页面：a.html,子页面a_sub.html a.html function abc(){ var func = function(){         var thiswin = window;         window.fn = function(code){         $.ajax({                 url:'/xx?code='+code,
javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例第1/2页
10-29
在了解JavaScript中showModalDialog()方法与window.open()方法在父子窗口间如何传值之前，我们需要先理解这两个方法的基本知识和用途。window.open()方法用于打开一个新的浏览器窗口或者通过特定的句柄（name）来...
window.open()实现post传递参数
09-03
通常，`window.open()` 的使用方式是 `window.open(url, target, features)`，其中 `url` 是要打开的页面的地址，`target` 指定打开的位置（如 `_blank` 表示新窗口），`features` 是窗口特征的字符串，如宽度、高度...
window.open()详解及浏览器兼容性问题示例探讨
09-04
本文将详细解析`window.open()`的使用方法，并探讨在不同浏览器中的兼容性问题。 ### 1. 基本语法 `window.open()`的基本语法如下： ```javascript window.open(pageURL, name, parameters) ``` - `pageURL`：...
JS检测window.open打开的窗口是否关闭
10-19
这可以通过利用`window.open()`方法创建新窗口，并结合`setInterval()`定时器来周期性检查新窗口的状态实现。下面我们将详细讨论如何实现这一功能。 首先，我们使用`window.open()`方法创建一个新的浏览器窗口： `...
window.open父子窗口数据传递问题
LLittle.Kevin的博客
08-10 9163
在开发的过程中，需要实现对window.open父子窗口进行数据传递的功能，遇到了一些问题。
window.open()父子窗口传值
jeofey的专栏
11-16 7399
父窗口html添加隐藏域： 父窗口js在特定时机对隐藏域复制 $("#activityId").val(activityObj.activityId); 父窗口js父窗口打开子窗口 $("#addProductById").click(function() { window.open(configJS.hostUrl()+"/common/getGoo
使用window的open方法实现子页面向父页面传值。
weixin_30423977的博客
06-15 857
有时候我们会需要弹出一个子页面进行级联选择数据，并把选择好的数据填充到父页面。 此时一种简单的方法就是通过window.open（）打开一个子页面，子页面提交的时候触发事件，在事件里将子页面填写的数据填充到父页面的方法是： window.opener.document.getElementById("父页面元素的id").value = '子页面填写的值';这个赋值方法仅适用于通过windo...
用window.open()打开子页面传值问题
幽灵
04-11 1644
1、通过window对象的open()方法，open()方法将会产生一个新的window窗口对象 //IE7里不支持    其用法为：            window.open(URL,windowName,parameters);            URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；            windowName:描述被打开的窗口的民称...
Html5 postmessage 子父窗口传值
z69183787的专栏
08-05 1685
https://blog.csdn.net/hjjoe1213123/article/details/51698404 最近做一个POS机终端遇到一个问题，子父窗口传值问题，因为POS机是两个屏幕，如果将一个页面拉长投射虽然可以做到两个屏幕显示，但是因为是触摸屏，当第一个屏幕在操作的时候会影响到第二屏幕，反之也是如此，既然需求明确了，问题也知道了，则我们需要两个窗口进行不同的操作 首先是父页面...
总结：子窗口创建及父窗口与子窗口之间通信
Squirrel的专栏
08-15 7357
1、Javascript弹出子窗口可以通过多种方式实现，下面介绍几种方法(1) 通过window对象的open()方法，open()方法将会产生一个新的window窗口对象    其用法为： window.open(URL,windowName,parameters);  URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；  windowName:描述被打开的窗口的
HTML5中window.postMessage，在两个页面之间的数据传递
weixin_30367169的博客
11-22 255
HTML5中window.postMessage，在两个页面之间的数据传递 2015年11月3日8536次浏览 关于postMessage window.postMessage虽然说是html5的功能，但是支持IE8+，假如你的网站不需要支持IE6和IE7，那么可以使用window.postMessage。关于window.postMessage，很多朋友说他可以支持跨域，不...
lhgdialog
iteye_14984的博客
07-21 202
应用到你的项目 在页面head引入lhgdialog(如果项目采用jQuery作为框架，则引用jQuery的库)。 &lt;script type="text/javascript" src="lhgdialog.min.js"&gt;&lt;/script&gt; 配置全局默认参数(可选): (function(config){ config['extendDrag'] = tr...
window.open 父页面向子页面传值
qq_32311977的博客
12-07 4326
父页面：{ 1、给标签赋值：document.getElementById("saveAddrTypeName").value=“xxxxx”; 2、 var url="/addressList/toInsert.do?type="; window.open(url,'n','height=400, width=600,top='+(screen.availHeight-40
window.open父子画面传值
最新发布
05-24
可以通过以下步骤实现父子页面之间的传值： 1. 在父页面中使用 `window.open` 方法打开子页面，并保存子页面的对象引用。 ```javascript var childWindow = window.open("child.html"); ``` 2. 在子页面中使用 `opener` 属性获取父页面的对象引用，并调用它的方法传递数据。 ```javascript opener.receiveData(data); ``` 3. 在父页面中定义 `receiveData` 方法接收子页面传递的数据。 ```javascript function receiveData(data) { // 处理传递的数据 } ``` 完整的代码示例： 父页面： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>父页面</title> </head> <body> <button onclick="openChild()">打开子页面</button> <script> var childWindow; function openChild() { childWindow = window.open("child.html"); } function receiveData(data) { console.log("收到子页面传递的数据：" + data); } </script> </body> </html> ``` 子页面： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>子页面</title> </head> <body> <button onclick="sendData()">传递数据给父页面</button> <script> function sendData() { var data = "Hello, parent!"; opener.receiveData(data); } </script> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值