JS中parent和pener
来源:互联网 发布:独一模二淘宝关了 编辑:程序博客网 时间:2024/06/06 08:44
opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的
opener,在B页面通过opener对象可以访问A页面。
parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面所在窗口就是B页面的parent。在JS 中,window.opener只是对弹出窗口的母窗口的一个引用。比如:a.html中,通过点击按钮等方式window.open出一个新的窗口 b.html。那么在b.html中,就可以通过window.opener(省略写为opener)来引用a.html,包括a.html的 document等对象,操作a.html的内容。
假如这个引用失败,那么将返回null。所以在调用opener的对象前,要先判断对象是否为null,否则会出现“对象为空或者不存在”的JS错误。
<html>
<body>
<form. name=form1>
<input type=text name=inpu >
<input type=button
>
</form>
</body>
</html>
--------------------------------
back2opener.html
--------------------------------
<html>
<body>
<form. name=form1>
<input type=text name=inpu >
<a class=under href=# >添加</a>
</form>
</body>
</html>
window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以
写为:
window.opener.document.getElementById("name").value = "输入的数据";
============================================
常见的误区:
父页面
window.open( 'open.jsp?City= '+strCity, ' ', 'width=252, height=100, scrollbars=no ');
子页面open.jsp
window.parent.maplet.clean();
报错为window.parent.maplet为空或不是对象!
什么原因呢?别的没有问题!
错误原因:
window.parent 表示当前框架的父框架,
如果子窗口不在框架中,那么就为空,
不是表示子窗口和父窗口的关系,
是框架之间的关系。
如果子窗口不在框架中,即通过A.html的一个链接打开的 B.html页面,在B.html引用A.html的表单元素时,可以这样写:
window.opener.document.formname.maplet
其中formname是你父窗口中form的名字
- JS中parent和pener
- js中 opener和parent的区别
- js中 opener和parent的区别
- js中 opener和parent的区别
- js中 opener和parent的区别
- js中 opener和parent的区别
- js中opener和parent的区别
- js中opener和parent的区别
- js中opener和parent的区别
- js中 opener和parent的区别
- js中opener和parent的区别
- js中 opener和parent的介绍及区别
- js中window.opener和window.parent的用法
- js中window.parent和window.opener的区别
- js中window.opener和window.parent的用法
- js中top、parent、frame
- js中top、parent、frame
- js中top、parent、frame
- 云计算的定义
- Spring中用@Resource注解完成属性装配
- hibernate映射到mysql数据库时应该注意的几点
- 【转月光博客】我所积累的20条编程经验
- hibernate中使用session之一
- JS中parent和pener
- 主题:以多线程、断点续传方式下载文件的实现
- TestSuite TW 3.3.0.1562
- AVR单片机开发使用的自定义头文件
- Energy-Efficient Commuiicat Protocol for Wireless Microsensor Networks(待续)
- 添加资源到android源码中-修改framework层
- 最新最全的嵌入式研发资料下载
- Windows 8 系统需求完整版
- axis2.1.4 访问https webservices