程序博客网 > 深圳市网络预约出租车

opener 、self、parent

来源：互联网 发布：深圳市网络预约出租车 编辑：程序博客网 时间：2024/04/30 07:18
window.parent与window.opener的区别 javascript调用主窗口方法

1：   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>

如果我们需要在b.htm中要对a.htm中的username文本框赋值，就如很多上传功能，上传功能页在Ifrmae中，上传成功后把上传后的路径放入父页面的文本框中

我们应该在b.html中写
<script type="text/javascript">
var _parentWin = window.parent ;
_parentWin.form1.username.value = "xxxx" ;
</script>

2：   window.opener 是window.open 打开的子页面调用父页面对象

opener:对打开当前窗口的window对象的引用,如果当前窗口被用户打开,则它的值为null.

self:自引用属性,是对当前window对象的应用,与window属性同义.

self代表自身窗口,opener代表打开自身的那个窗口,比如窗口A打开窗口B.如果靠window.open方法,则对于窗口B,self代表B自己,而opener代表窗口A.

-------------------------------------------------------------------------------------------------

1、window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：
window.opener.document.getElementById("name").value = "输入的数据";


2、self 指当前窗口；
3、parent 的意思是本窗口的父窗口，也就是说通过哪个窗口打开了本窗口，哪个窗口就是本窗口的 parent；
4、document.all 是文档中所有标签组成的一个数组变量，包括了文档对象中所有元素

5、top  代表打开的顶层窗口

 

a href="" target="_blank">來打開应该是parent，opener用与用脚本创建的窗口,最常见的就是网页对话框

 

-----------------------------------------------------------------------------------------------------------

 

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.parent与window.opener的区别 javascript调 (2008-05-23 14:55:16)
标签：window body name 杂谈 
在这里总结一下，javascript调用父窗口（父页面）的方法。

1：   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>

如果我们需要在b.htm中要对a.htm中的username文本框赋值，就如很多上传功能，上传功能页在Ifrmae中，上传成功后把上传后的路径放入父页面的文本框中

我们应该在b.html中写
<script type="text/javascript">
var _parentWin = window.parent ;
_parentWin.form1.username.value = "xxxx" ;
</script>


实例地址：  http://www.cnspry.cn/blog/attachments/window.parent实例/a.html
源码：
1.a
<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>
1.b
<html>
<head><title></title>
<script type="text/javascript">
function UpdateParent()
{

var _parentWin = window.parent ;

_parentWin.form1.username.value = "xxxx" ;

}
</script>
</head>
<body>
<form name="form1" id="form1">
<p>&nbsp; </p>
<p align="center">
    <input type="button" name="button" id="button" value="更新主页面的UserName内容" onClick="UpdateParent();">
</p>
<p>&nbsp; </p>
</form>
</body>
</html>
2：   window.opener 是window.open 打开的子页面调用父页面对象

实例地址：  http://www.cnspry.cn/blog/attachments/window.opener实例/a.html
源码：
2.a
<html>
<head>
<title>主页面</title>
<script type="text/javascript">
function openSubWin()
{
var _width = 300 ;

var _height = 200 ;
var _left = (screen.width - _width) / 2 ;
  
var _top = (screen.height - _height) / 2 ;
  
window.open("b.html",null,
"height=" + _height + ",width=" + _width + ",status=no,toolbar=no,menubar=no,location=no,resizable=yes,left=" + _left + ",top=" + _top);

}
</script>
</head>
<body>
<form name="form1" id="form1">
<input type="text" name="username" id="username"/>
<input type="button" value="弹出子页面" onClick="openSubWin();">
</form>
</body>
</html>

2.b
<html>
<head>
<title>子页面</title>
<script type="text/javascript">
function UpdateParent()
{

var _parentWin = window.opener ;

_parentWin.form1.username.value = "xxxx" ;

}
</script>
</head>
<body>
<form name="form1" id="form1">
<p>&nbsp; </p>
<p align="center">
    <input type="button" name="button" id="button" value="更新主页面的UserName内容" onClick="UpdateParent();">
</p>
<p>&nbsp; </p>
</form>

</body>
</html>

<%
Call FunMsg("upload_pic.asp?Send=OK&FileName="&SFileName&"&FileName_small="&Sfilename_small,"文件上传成功！")
   
Dim Send,StrBody
Send=Request.QueryString("Send")
FileName=Request.QueryString("FileName")
FileName_small=request.QueryString("FileName_small")
if Send="OK" And FileName<>"" And FileName_small<>"" then
StrBody="onLoad=setOpener('"&FileName&"','"&FileName_small&"')"
end if

<script type="text/javascript">
function setOpener(index,index_small) {
   window.opener.Images(index,index_small);
   window.close();
}
</script>


<body leftmargin="0" topmargin="0" <%=StrBody%>>

<script type="text/javascript">
function Images(catName,catName_small){
document.form.P_Pic.value=catName;
document.form.P_smallPic.value=catName_small;
document.form.P_PicB.src="../info/Pic/"+catName;
}
</script>

 

---------------------------------------------------------------------------------------------

 

 

 

 

深圳市网络预约出租车 深圳市网络预约出租车
原创粉丝点击
热门IT博客
360软件修补漏洞360软件修补漏洞
数据加密算法有哪些数据加密算法有哪些
破解摄像头app软件
淘宝怎么下架宝贝
南京和知梦设计研究院
Java反射 invoke参数
淘宝标题怎么设置
abb工业机器人软件
js中使用java变量
花生壳域名使用方法
免费手机读书软件
js仿微信拆红包源码
群发短信软件 免费
淘宝开店发货流程
php分割几weiq
淘宝folk老王是正品吗
知乎还是百度
path finder软件
更换身份证登记软件
淘宝规蜜投诉有用吗
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 吕一刘同 刘同的老婆 刘同资料 刘同发型 刘同博客 离爱刘同 离爱 刘同 刘同邮箱 方龄刘同 刘同的车 刘同的新书 刘同经典语录 刘同我在未来等你 直来直往刘同 刘同结婚了吗 刘同 职来职往 刘同个人资料及家庭 刘同的书有哪些 职来职往刘同 刘同职来职往 光线传媒刘同 以一敌百刘同 职来职往刘同语录 刘同参加过的节目 刘同成长经历 刘纪同 刘厚同 赵同 刘玉同 刘义同 郑同 刘宝同 李同 陈同 潘同 刘因 刘为 刘总 刘有 刘更 刘的

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里