window.parent针对frame

父页面:

<html> 

<head><title>父页面</title></head> 

<body> 

<form name="form1" id="form1">

<input type="text" name="username" id="username"/>

</form> 

<iframe src="b1.html" width=100%></iframe> 

</body> 

</html>

子页面:

<script type="text/javascript"> 

function change(){

var _parentWin = window.parent ; 

_parentWin.form1.username.value = "来自子窗口 的参数" ; }

</script> 

<input type ="button" οnclick='change()'>click</input>

window.opener针对的是打开子窗口 的父窗口

注释:只有表示顶层窗口的 Window 对象的 operner 属性才有效,表示框架的 Window 对象的 operner 属性无效。

父页面:

<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("b2.html",null, 

"height=" + _height + ",width=" + _width + ",status=no,toolbar=no,menubar=no,location=no,resizable=yes,left=" + _left + ",top=" + _top); 



</script> 

<form name="form1">

<input type="text" name="username" id="username"/> 

<input type="button" value="弹出子页面" onClick="openSubWin();"> 

</form>

子页面:

<script type="text/javascript"> 

function UpdateParent() 



var _parentWin = window.opener ; 

_parentWin.form1.username.value = "来自子窗口 的参数" ; 



</script> 

<input type="button" name="button" id="button" value="更新主页面的UserName内容" onClick="UpdateParent();">

ps:以下刷新父窗口并关闭当前窗口

<script language="JavaScript" type="text/javascript">  function refreshParent() {     window.opener.location.href = window.opener.location.href;     if (window.opener.progressWindow)     {         window.opener.progressWindow.close();     }     window.close(); } </script>  <a href="javascript:void(0)" οnclick="refreshParent()">刷新父窗口并关闭当前窗口</a>

window.parent window.opener相关推荐

  1. window.parent ,window.top,window.self 详解

    转载:Js中的window.parent ,window.top,window.self 详解 在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中 ...

  2. JS的window.parent ,window.top,window.self

    1.简述 在应用有frameset或者iframe的页面时, parent是父窗口, top是最顶级父窗口, self是当前窗口, 2.window.self 功能:是对当前窗口自身的引用.它和win ...

  3. Js中的window.parent ,window.top,window.self 详解

    在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法 ...

  4. js操作frame详细解说,window.opener和window.parent的区别

    js操作frame详细解说,window.opener和window.parent的区别 frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是 ...

  5. (转)JS window对象的top、parent、opener含义

    1.top    该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量.  2.opener opener用于在window.open的页面引用执行该 ...

  6. JS window对象的top、parent、opener含义介绍 以及防止网页被嵌入框架的代码

    1.top 该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. 2.opener opener用于在window.open的页面引用执行该wind ...

  7. window.parent和window.opener区别

    下面一段代码是关于window.parent和window.opener区别 来讲的,我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElemen ...

  8. window.parent,top,window.self,parent,opener

    2019独角兽企业重金招聘Python工程师标准>>> 在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frames ...

  9. window.parent与window.opener的区别与使用

    1.window.parent 是iframe页面调用父页面对象 举例: a.html <html> <head><title>A</title>< ...

最新文章

  1. 最长连续子序列nlogn算法
  2. CodeChef CBAL
  3. 如何使用Jekyll+GitHub Pages搭建个人博客站点
  4. PAT甲级1141 PAT Ranking of Institutions :[C++题解]结构体、排序、哈希表、结构体构造函数、结构体内写函数、排名
  5. WEB-INF目录与META-INF目录的作用
  6. Spring在bean配置文件中定义电子邮件模板
  7. ConcurrentHashMap的实现原理和源码分析
  8. java算法的递归问题设计_java算法-递归算法思想
  9. GDAL源码剖析(十三)之GDAL网格插值说明
  10. 22.docker wait
  11. 07. Declare destructors virtual in polymorphic base classes
  12. (2)python_enumerate
  13. 堆空间释放后使用的异常
  14. layui 省市区 三级联动 单选
  15. Google自动翻译工具:对接谷歌翻译接口,实现本地化运行
  16. 关于WIN10开机启动慢的一些问题解决
  17. 15元钱一杯咖啡,喝完后两个空杯换一杯,问:你有100元钱,最多可以喝到几杯咖啡
  18. 企查查爬虫循环获取信息
  19. 解决谷歌浏览器切后台会停止游戏
  20. placement new 讲解

热门文章

  1. javascript网页二次元3D小人详细教程
  2. php熊掌号文章不显示,如何在熊掌号提交全站文章
  3. 太out了,字节跳动、美团java后端社招题:多线程+分布式+算法+数据库+JVM,你都不知道?
  4. 直播预告|RTM 助力信令与消息全球实时互通
  5. 谈谈我对P2P网络借贷的一些看法
  6. 新农慕课python项目答案_2020中国大学慕课用Python玩转数据答案搜题公众号
  7. C#练习题答案: 摩门经【难度:2级】--景越C#经典编程题库,1000道C#基础练习题等你来挑战
  8. 153亿美金“摇身一变”500亿美金?Mobileye做了哪些布局?
  9. Python练习题 判断语句(19~36)
  10. r如何连接oracle,R语言 R两种方式连接Oracle