本文详细解析了在网页开发中，如何利用window.parent和window.opener进行iframe页面与父页面之间的对象调用及数据传递，包括具体应用场景如上传功能中的路径赋值，以及self、opener和parent的概念区别。
今天看了公司的开发库,发觉里面的人有时候滥用这两个东东,觉得有必要整理一下
window.parent: iframe页面调用父页面对象
a.html
<
html
>
< head >< title >父页面 </ 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 >
< head >< title >父页面 </ 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.htm中要对a.htm中的username文本框赋值，就如很多上传功能，上传功能页在I frmae中，上传成功后把上传后的路径放入 父页面的文本框中
我们应该在b.html中写
<script
type="text/javascript">
var _parentWin = window.parent ;
_parentWin.form1.username.value = "xxxx" ;
</script>
window.opener 是window.open 打开的子页面调用父页面对象
opener:对打开当前窗口的window对象的引用,如果当前窗口被用户打开,则它的值为null.
self:自引用属性,是对当前window对象的应用,与window属性同义.
self代表自身窗口,opener代表打开自身的那个窗口,
比如窗口A打开窗口B,对于窗口B,self代表B自己,而opener代表窗口A.
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
