top: 该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。

parent: 该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。

opener: 指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。

附:Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系:Windwo对象→Parent对象→Frame对象→Document对象→Form对象,

如下:parent.frame1.document.forms[0].elements[0].value;

问题:在一个页面嵌入框架<iframe>,然后在框架中使用jvascript脚本:parent.xx.value='xxxxx'; 在IE中可以正常看到赋值,但是在firefox中则不能完成赋值。请问在firefox中调用父框架的对象应该是哪个,是否和IE兼容?

解答:window.parent.document.form名.xx.value='xxxxx';   window可省略。

parent.document.form名.xx.value='xxxxx';   parent.document.getElementById("xx").value='xxxxx';

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

JS的parent对象相关推荐

  1. 前端之JavaScript:JS之DOM对象一

    js之DOM对象一 一.什么是HTML  DOM HTML  Document Object Model(文档对象模型) HTML DOM 定义了访问和操作HTML文档的标准方法 HTML DOM 把 ...

  2. js中WINDOW对象

    全栈工程师开发手册 (作者:栾鹏) js系列教程6-BOM操作全解 js中WINDOW对象 BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一 ...

  3. js浏览器内置对象和js内置对象

    浏览器内置 1.Location 对象 hash :返回一个URL的锚部分 host 返回一个URL的主机名和端口 hostname 返回URL的主机名 href 返回完整的URL pathname ...

  4. JS获取当前对象大小以及屏幕分辨率等...

    <!DOCTYPE html> <html> <head><meta charset="utf-8"/><meta name= ...

  5. JS的事件对象和事件冒泡

    2019独角兽企业重金招聘Python工程师标准>>> 1.事件对象 js的事件对象中保存了当前被触发事件的一些相关的属性信息,如事件源.事件发生时的鼠标位置.事件按键等. 事件对象 ...

  6. JS中集合对象(Array、Map、Set)及类数组对象的使用与对比

    JS中集合对象(Array.Map.Set)及类数组对象的使用与对比 在使用js编程的时候,常常会用到集合对象,集合对象其实是一种泛型,在js中没有明确的规定其内元素的类型,但在强类型语言譬如Java ...

  7. [转]JS获取当前对象大小以及屏幕分辨率等

    http://www.cnblogs.com/tearer/archive/2010/09/06/1819471.html JS获取当前对象大小以及屏幕分辨率等 Code highlighting p ...

  8. js操作节点对象-getElementById

    js操作节点对象

  9. JS 内置对象 String对象

    JS内置对象   String对象:字符串对象,提供了对字符串进行操作的属性和方法.   Array对象:数组对象,提供了数组操作方面的属性和方法.   Date对象:日期时间对象,可以获取系统的日期 ...

最新文章

  1. 尤雨溪回应:Vue与TypeScript为什么相性特别差?
  2. php到处excel慢,phpexcel导出数据耗时,求教
  3. 分布式缓存Memcached---开篇的话
  4. java 构造器 null_java - 主结尾处的Java构造函数用户输入在构造函数中为Null - 堆栈内存溢出...
  5. 安卓获取Java端连接
  6. ai画面怎么调大小_AI人脸抓拍摄像机安装指导,这样安装抓拍更准
  7. 如何为我们的程序编写开发文档——Java文档注释
  8. 阿里云国际版云服务器Linux和Windows操作系统的链路测试工具-Unirech
  9. 中继器是什么计算机网络,中继器是什么
  10. 几种常见开源软件授权协议
  11. 网易邮箱添加附件功能原理浅析
  12. 【Kafka】Kafka的安装
  13. ERP现状及未来发展趋势分析?
  14. 2.0.高等数学3-一阶常微分方程求解
  15. 八卦:大量放送Gmail,Orkut,Wallop的邀请函
  16. 君子剑,怎样炼成?——再再谈岳不群
  17. python实现外星人入侵——3.事件分析
  18. XDOC发布9.1.8版
  19. 音频编辑软件哪个好用
  20. 联发科最新资料下载:MT6771 ATM’s

热门文章

  1. [rsync] linux rsync 安装
  2. 微软推出Windows Sandbox:可安全运行任何应用的一次性VM\n
  3. mysql之delete删除记录后数据库大小不变
  4. 关于Lua打包cocos2d项目
  5. [转]iPhone发邮件编程
  6. 基金盘后业务的详细设置
  7. 轻飘飘的旧时光就这么溜走
  8. TypeScript `unknown` 类型
  9. async 与 await
  10. (二) Keras 非线性回归