window.parent与window.opener的区别详解编程语言

有这样一个需求，弹出一个新窗口 并从该新页面的select选择框中选择需要的类别，再返回到之前的父窗口页面的某个文本框中。这里就要用到window.parent和window.opener

<input id="username" value=""> 
 
<iframe scrolling="auto" src="PLUGIN/CMS/children.jsp" 
id="rightFrame_id" frameborder="0" name="rightFrame"></iframe>

当要在children.jsp里为parent.jsp页面中的username文本框赋值时，可在children.jsp里这样写：

window.parent.document.getElementById("username").value = "hello"

对应jquery版本为：

$("#username",window.parent.document).val("hello");

<input  type="button" onclick="show();" value="测试" /> 
<input type="text" id="myhobby" value="">

function show(){ 
		window.open( "PLUGIN/CMS/shop/b.jsp", "ModifyAcce",'width=500,height=400,toolbar=no,status=no,location=no,scrollbars=yes,resizable=yes');  
	}

想要在b.jsp里为a.jsp中的myhobby赋值，可以这样写：

window.opener.document.getElementById("myhobby").value = "hello";

对应jquery版本为：

$("#myhobby",window.opener.document).val("hello");

总结：

window.parent中的parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面就是B页面的parent。

B页面可以通过parent访问A页面。

window.opener中的opener表示谁打开我的，比如一个A页面利用window.open弹出了B页面，那么A页面就是B页面的opener。

B页面可以通过opener访问A页面。