window.parent与window.opener的区别
2013-11-23 11:30
429 查看
有这样一个需求,弹出一个新窗口 并从该新页面的select选择框中选择需要的类别,再返回到之前的父窗口页面的某个文本框中。这里就要用到window.parent和window.opener
如题两种方法都是javascript调用父窗口的方法。
1、window.parent是iframe页面调用父窗口对象
比如:parent.jsp
里面有一个文本框
2、window.opener是window.open打开的子页面调用父页面对象
比如a.jsp
总结:
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页面。
如题两种方法都是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" 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页面。
相关文章推荐
- window.parent与window.opener的区别与使用
- window.parent window.opener的区别
- window.parent与window.opener的区别 javascript调用主窗口方法
- window.parent与window.opener、window.showModalDialog的区别 opener和showModalDialog刷新父页面的方法
- JavaScript中,window.opener是什么?window.parent和window.opener有啥区别?
- window.parent与window.opener的区别
- window.parent与window.opener的区别
- window.parent与window.opener的区别 javascript调用主窗口方法
- js操作frame详细解说,window.opener和window.parent的区别
- window.opener 跟 window.parent and document.referrer的区别
- window.parent与window.opener的区别 转
- window.parent与window.opener、window.showModalDialog的区别 opener和showModalDialog刷新父页面的方法
- window.parent与window.opener的区别与使用
- window.opener 与 window.parent 的区别
- window.parent与window.opener的区别
- window.parent与window.opener的区别 javascript调用主窗口方法
- window.parent与window.opener的区别
- js操作frame详细解说,window.opener和window.parent的区别
- document.referrer的使用和window.opener 跟 window.parent 的区别
- window.parent与window.opener的区别