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

如题两种方法都是javascript调用父窗口的方法。
1、window.parent是iframe页面调用父窗口对象
比如:parent.jsp
里面有一个文本框
<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");

2、window.opener是window.open打开的子页面调用父页面对象
比如a.jsp
<input  type="button" οnclick="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页面。



发布评论
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

判断两个里的数据是否相等详解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。