`

JS的Parent对象

阅读更多

该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用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 window对象的top、parent、opener含义介绍

    1.top该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top...例如:A页面中有一个iframe或frame,那么iframe或frame中的页面就可以通过parent对象来引用A页面中的对象

    javascript常用对象梳理

    JS中的常用对象[转载]web 技术 2010-06-05 15:00:30 阅读3 评论0 字号:大中小 订阅 [removed] Window For JavaScript 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、...

    测试window对象属性parent、top、self

    有关于JavaScript的window对象属性的测试,self,parent,top。有疑问的朋友可以下载看看。如果没有积分想下载的可以私聊我发资源的链接。

    js中top/parent/frame概述及案例应用

    附:Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系 Windwo对象→Parent对象→Frame对象→Document对象→Form对象,如下: parent.frame1.document.forms[0].elements[0].v

    js实现ifram取父窗口URL地址的方法

    主要介绍了js实现ifram取父窗口URL地址的方法,是javascript操作window.parent对象非常典型的应用技巧,需要的朋友可以参考下

    Class.Model.js:118行实现的一个简单的Javascript的对象模型

    118行实现的一个简单的Javascript的对象模型 这个文件中定义了类模型中类似于其他面向对象语言中的Object类。 如何新建类 作为基类,类的定义使用 var NewClass = Class.new(); 来进行定义。 通过以上方式定义的类...

    【JavaScript源代码】JavaScript中实现new的两种方式引发的探究.docx

    JavaScript中实现new的两种方式引发的探究 ... 一般来说在js中大概是这样的: function Mynew(parent,...rest){ let obj={}; obj.__proto__=parent.prototype; let res=parent.apply(obj,rest); return typeof re

    一个兼容好的js拖拽代码

    parent DOM对象,拖动所属的父对象,必需是容器,可以为document.body onmove 函数对象,事件,拖动开始后,鼠标移动触发事件 onfinish 函数对象,事件,拖动结束时,触发事件一次 area 对象,可以缺省,必须包含4个...

    JS实现面向对象继承的5种方式分析

    本文实例讲述了JS实现面向对象继承的5种方式。分享给大家供大家参考,具体如下: js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现...

    详解JavaScript基于面向对象之继承实例

    javascript面向对象继承的简单实例: 作为一门面向对象的语言,继承自然是它的一大特性,尽管javascript的面向对象的实现机制和和c#和java这样典型的面向对象不同,但是继承的基本特点还是具有的,简单的说就是获得...

    初学JavaScript第二章

    JavaScript的对象都是实例化了的,只可以使用而不能够创建继承于这些对象的新的子类. window对象为所有对象的Parent window对象的主要属性有:Name,Length,Parent,Self,Top,Status,Default Status,Opener,Closed. ...

    window.parent与window.openner区别介绍

    今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 “[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最...

    js获取事件源及触发该事件的对象

    某Html元素有onclick方法:onclick=’... //这时obj就是触发事件的对象,可以使用它的各个属性 //还可以将obj转换成jquery对象,方便选用其他元素 var $obj = $(obj); alert&#40;$obj.parent(&#41;.attr(“href”));

    js省市数据结构

    也叫父层编号 * * 类: CnRegions * 属性: cr 类型: Array 描述:记录全国各省市的数组,每个元素是一个CnRegion对象 * 方法: getSub(parent_id) 参数parent_id:父层编号 返回:Array (CnRegion数组) * ...

    JAVASCRIPT对象及属性

    用于包含JavaScript代码. 语法 属性 LANGUAGE 定义脚本语言 SRC 定义一个URL用以指定以.JS结尾的文件 windows对象 每个HTML文档的顶层对象. 属性 frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放. ...

    javascript学习笔记.docx

    f) 继承:只是在查询一个属性时自动发生,而不会在写属性时发生,就是说单写一个父类的属性时,JavaScript环境会为对象本身创建一个同名的属性,从此该属性就覆盖了父类中的属性。 12) 创建一个数组可用 new Array()...

    js中opener与parent的区别详细解析

    parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面所在窗口就是B页面的parent。在JS中,window.opener只是对弹出窗口的母窗口的一个引用。比如:a.html中,通过点击按钮等方式window.open出一...

    type-js:javascript中的类型断言

    类型-js 对 javascript 的类型检查支持在运行时检查所有类型支持 ES5++ 浏览器。 对象根在创建后被冻结。 已初始化的对象被阻止扩展。 要定义对象,您必须向 Type.create(type_definition,prototype); 提供两个对象...

    csv.js:将JSON,数组或对象编码为CSV

    csv.js 简化CSV编码和解码。 从API轻松导出,或在客户端上重新格式化!例子var csv = require ( "csv.js" ) ;var encoded = csv . encode ( [ { prop : "value" } , { prop : "value2" } ] ) ;console . log ( ...

Global site tag (gtag.js) - Google Analytics