window.opener的应用

最新推荐文章于 2021-04-07 22:24:37 发布

原创最新推荐文章于 2021-04-07 22:24:37 发布 · 114 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何利用window.open打开新窗口，并通过window.opener将数据传递回父窗口的方法。具体实现包括在子窗口中选取值并将其赋值给父窗口指定元素。

在项目中我使用window.open打开了一个新的页面，但我希望再新的页面中选择到某一个值再赋值给父页面中，这种情况也是比较常见的，要给父的赋值就需要用到window.opener了。

具体例子为:

/*
* 在当前页面新代开一个页面
*/
function memberWindow(){
window.open('${ctx}/admin/member/member!findMember.action');
}

而在新打开页面中给父页面赋值的方法为：

function selectVip(v,u,v2,u2){
	if(null!=window.opener.document.getElementById('memberId')){
		window.opener.document.getElementById('memberId').value = v;
	}
	if(null!=window.opener.document.getElementById('memberName')){
		window.opener.document.getElementById('memberName').value = u;
	}
	if(null!=window.opener.document.getElementById('province2')){
		window.opener.document.getElementById('province2').value = v2;
	}
	if(null!=window.opener.document.getElementById('city2')){
		window.opener.document.getElementById('city2').value = u2;
	}

	window.close();
}

其中就用到了window.opener能取到父对象