window.parent与window.opener的区别 javascript调用主窗口方法

最新推荐文章于 2022-08-13 00:10:43 发布
最新推荐文章于 2022-08-13 00:10:43 发布
阅读量553 收藏
点赞数
分类专栏： 技术文章 文章标签： javascript button function input upload iframe
在这里总结一下，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>


<input name="P_Pic" type="hidden" id="P_Pic" Value="<%=pRs("P_Pic")%>">
<input name="P_smallPic" type="hidden" id="P_smallPic" Value="<%=pRs("P_smallPic")%>">

%>

husw_2008
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
window.parent与window.opener的区别与使用
weixin_30276935的博客
08-12 401
1、window.parent 是iframe页面调用父页面对象 举例: a.html <html><head><title>A</title></head><body><form name="form1" id="form1"><input type="text" name="userna...
探索浏览器页面关闭window.close()的使用详解
10-14
然而，`window.close()`并不像其他JavaScript方法那样简单易用，因为它受到浏览器的严格限制，尤其在兼容性和安全性方面。本文将深入探讨`window.close()`的使用方法和潜在问题。 **1. window.close()的使用语法** ...
window.opener 与 window.parent 的区别
jc_dreaming2的博客
04-10 223
我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElementById(name).value = uvalue;这种形式哦。 window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。 可以用这一点特性来判断这个窗口是否是顶层窗口。如： Code function IsTopWindow...
Javascript中window.parent ,top,self,opener 详解
qq_30436011的博客
08-13 1026
的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。一个浏览器窗口可以根据你的需要分成任意多的框架，一个单个的框架也可以分成其它多个框架，即所谓的嵌套框架。在框架网页中，一般父窗口就是顶层窗口，但如果框架中还有框架，父窗口和顶层窗口就不一定相同了。注：如果窗口本身是顶层窗口，parent属性返回的是对自身的引用。注：如果窗口本身就是顶层窗口，top属性返回的是对自身的引用。..
js中window.parent和window.opener，window.self、window.top用法
LeBlock的博客
06-06 3587
在js中window.self,window.top,window.parent,window.opener四个的作用区别还是很大的，window.self,window.top是打开模式，而window.parent,window.opener是父窗口打开模式，下面我来介绍介绍。 在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好
JavaScript子窗口调用父窗口变量和函数的方法
10-23
例如，`opener.parentPara`用于访问父窗口的`parentPara`变量，`opener.parentFunction()`则用于调用父窗口的`parentFunction`函数。但是，如果父窗口被关闭，再次尝试访问`opener`对象会抛出错误：“被调用的对象已...
js调用父框架函数与弹窗调用父页面函数的简单方法
11-29
当我们需要在子页面中调用父页面的函数`aaa()`时，可以使用`window.parent`来引用父级窗口。如果`aaa()`函数在父页面的全局作用域中定义，我们可以这样调用： ```javascript // 子页面中的代码 onclick="window....
Javascript弹出窗口的各种方法总结
10-26
以下是对给定文件中提到的JavaScript弹出窗口各种方法的详细解释： 1. **关闭窗口** - `window.close()`：这个方法用于关闭当前打开的窗口。如果窗口不是由脚本创建的，浏览器可能会阻止此操作，除非用户与窗口有...
js window.open iframe dialog
05-18
例如，通过`window.opener`对象，子窗口可以访问到打开它的父窗口，而`iframe`内的脚本可以通过`parent`对象与父页面通信。 - 父窗口调用子窗口： ```javascript let newWindow = window.open('...'); newWindow....
parent和opener的区别
01-05
parent和opener的区别 parent和opener的区别
JS window对象的top、parent、opener含义介绍
10-26
本文为大家介绍下JS window对象的top、parent、opener含义，不了解的朋友可以参考下，希望对大家有所帮助
window.parent & window.opener
jvortex的专栏
06-29 401
window.parent针对frame 父页面:   父页面          子页面：   function change(){ var _parentWin = window.parent ;  _parentWin.form1.username.value = "来自子窗口 的参数" ; }   click    
window.parent和window.opener区别 及iframe自适应高度及js offsetheight和scrollheight的区别 ...
hck341204的专栏
03-13 418
[code="java"]下面一段代码是关于window.parent和window.opener区别 来讲的，我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElementById(name).value = uvalue;这种形式哦。 window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。 可以...
window.parent 与 window.opener
feijinxindi的专栏
10-15 369
window.parent 是iframe页面调用父页面对象，当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获取；  window.opener 是window.open或超链接 打开的子页面调用父页面对象  父窗体 function getpic(logo_path){ $("#BgImageUrl").val(logo_path); "
window.parent和window.opener区别
baobaoupup
11-17 240
window.parent中parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面就是B页面的parent。B页面可以通过parent访问A页面。 window.opener中的opener表示谁打开我的，比如一个A页面利用window.open弹出了B页面，那么A页面就是B页面的opener。B页面可以通过opener访问A页面。...
window.parent和window.opener怎么用
noBt的博客
11-15 1339
window.parent window.parent中parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面就是B页面的parent。B页面可以通过parent访问A页面。 window.opener window.opener中的opener表示谁打开我的，比如一个A页面利用window.open弹出了B页面，那么A页面就是B页面的opener。B页面可以通过...
window.opener和window.parent
最新发布
05-25
`window.opener` 和 `window.parent` 都...通常情况下，`window.opener` 和 `window.parent` 属性主要用于在子窗口和父窗口之间进行通信和交互，例如在子窗口中调用父窗口的函数或者在父窗口中访问子窗口的 DOM 元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值