window.parent与window.opener的区别与使用
来源:互联网 发布:酷站棋牌源码论坛 编辑:程序博客网 时间:2024/06/01 09:27
1、window.parent 是iframe页面调用父页面对象
举例: a.html
<html>
<head><title>A</title></head>
<body>
<form name=”form1″ id=”form1″>
<input type=”text” name=”username” id=”username”/>
</form>
<iframe src=”b.html” width=100%></iframe>
</body>
</html>
如果我们需要在b.html中要对a.html中的username文本框赋值(就如很多上传功能,上传功能页在ifrmae中,上传成功后把上传后的路径放入父页面的文本框中),我们应该在b.html中写:
<script type=”text/javascript”>
var _parentWin = window.parent;
_parentWin.form1.username.value = “xxxx”;
</script>
Z-Blog的文章编辑页面上传功能就是这么实现的。
2、window.opener 是 window.open 打开的子页面调用父页面对象
opener:对打开当前窗口的window对象的引用,如果当前窗口被用户打开,则它的值为null。
self代表自身窗口,opener代表打开自身的那个窗口,比如窗口a.html打开窗口b.html。如果靠window.open方法,则对于窗口b.html,self代表b.html自己,而opener代表窗口a.html。
举例:a.html
<input type=”text” name=”username” id=”username”/>
<a onclick=”window.open(this.href,”,’resizable=yes,width=800,height=600,status’); return false” href=”b.html”>B</a>
如果需要在b.html中对a.html中的表单元素赋值,我们应该在b.html中这么写
<a href=”javascript:try{window.opener.document.getElementById(‘username’).contentWindow.
frames[0].document.getElementsByTagName(‘body’)[0].innerHTML+=’xxx‘}catch(e){};window.close();“>插入</a>
在后面用window.close关闭b.html。WindsPhoto 2.7.3 中在文章编辑页面弹出新窗口(图片列表)后,选择插入已上传图片便是如此实现的。
- window.parent与window.opener的区别与使用
- window.parent与window.opener的区别与使用
- window.parent与window.opener的区别
- window.opener 与 window.parent 的区别
- window.opener 与 window.parent 的区别
- window.opener 与 window.parent 的区别
- window.parent与window.opener的区别
- window.parent与window.opener的区别
- window.parent与window.opener的区别
- window.parent与window.opener的区别
- window.opener 与 window.parent 的区别
- parent.window ,window.parent ,window.opener,opener.window的区别与用法
- window.parent与window.opener区别介绍
- window.parent与window.opener
- window.parent 与 window.opener
- window.parent与window.opener
- window.parent和window.opener的区别
- window.parent window.opener的区别
- java绘图之paint(Graphics g)与Graphics g=getGraphics()的两种画笔获取
- ubuntu下 Nodejs和npm的安装
- 【弹性ScrollView】Android弹性ScrollView的封装,让你的界面弹起来
- 使用Babel转码
- 【微信小程序】各种页面特效链接
- window.parent与window.opener的区别与使用
- SpringMVC+Spring+Mybatis整合
- 解决SurfaceView调用setZOrderOnTop(true)遮挡其他控件的问题
- HDU
- 数据库的第三范式是什么意思?
- 原生JS实现全选,反选,取值
- 两种高效的并发模式
- require.js的用法:
- 运算符&和&&以及|和||区别比较