js中opener和parent的区别
来源:互联网 发布:uri malformed 解决js 编辑:程序博客网 时间:2024/05/18 06:13
js中opener和parent的区别
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>
<html><body><form. name=form1><input type=text name=input><a class=under href=# >添加</a></form></body></html>
window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以写为:
window.opener.document.getElementByIdx_x_x(“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中 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.parent和window.opener的区别
- opener和parent的区别
- js中opener与parent的区别详细解析
- js中opener与parent的区别解析
- js中, opener,self,parent 区别
- js中window.opener和window.parent的用法
- js中window.opener和window.parent的用法
- Maven 入门教程(一)
- ubuntu安装Android NDK
- Mysql中的LIKE用法字符匹配
- 在android studio中加载本地html文件
- cdecl、stdcall、fastcall函数调用约定区别
- js中opener和parent的区别
- Class类文件结构、类加载机制以及字节码执行
- 【线段树】浅谈区间问题3
- Android简单自定义圆形和水平ProgressBar
- 插入有序 的 三个位置
- 新的 cocoaPods 使用的命令 mac os 10.11 以后
- 重构Pomelo游戏框架的Unity客户端
- Android java 中如何优雅的结束线程
- iOS 多线程篇8—GCD的常见用法