编程 Javascript

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

Posted in Javascript onFebruary 06, 2013

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

parent：
该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口，而在其中一个分割窗口中又包含着分割窗口，则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。
附：Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系

Windwo对象→Parent对象→Frame对象→Document对象→Form对象，如下：
parent.frame1.document.forms[0].elements[0].value;
在JS中：window.location(window.location.href)和window.top.location(window.top.location.href)是一样的意思可以通过top来调用任何一个frame,因为top指的是最外层的frameset，可以调用它里面的任何一个子元素frame。如：top.outterFrame1.location和top.innerFrame2.location等。

parent指的是当前窗口（frame）的父窗口(frameset)可以调用它里面的任何一个子元素frame。如：parent.innerFrame1.location和parent.innerFrame2.location等。

<html> 
<head> 
<title>top frame parent示例</title> 
<script language="javaScript" type="text/javaScript"> 
window.location.href="http://www.baidu.com/"; 
</script> 
</head> 
<frameset id="outFrameset" rows="150,*,150" cols="*" border="5"> 
<frame name="frameName1" id="frameId1" src="a.html"> 
<frameset id="inFrameset" cols="150,*" rows="*"> 
<frame name="innerFrameName1" id="innerFrameId1" src="a.html"> 
<frame name="innerFrameName2" id="innerFrameId2" src="a.html"> 
</frameset> 
<frame name="frameName2" id="frameId2" src="a.html"> 
</frameset> 
</html>

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js之WEB开发调试利器:Firebug 下载

Jan 13 Javascript

CLASS_CONFUSION JS混淆全源码

Dec 12 Javascript

很可爱的输入框

Aug 03 Javascript

AngularJS入门知识之MVW类框架的编程思想探讨

Dec 08 Javascript

jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法

Mar 25 Javascript

javascript 数组的正态分布排序的问题

Jul 31 Javascript

vue 请求后台数据的实例代码

Jun 22 Javascript

React组件之间的通信的实例代码

Jun 27 Javascript

微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法

Dec 14 Javascript

微信小程序自定义组件之可清除的input组件

Jul 17 Javascript

vue 点击按钮增加一行的方法

Sep 07 Javascript

自定义Vue中的v-module双向绑定的实现

Apr 17 Javascript

ExtJS4 Grid改变单元格背景颜色及Column render学习

Feb 06 #Javascript

jquery load事件(callback/data)使用方法及注意事项

Feb 06 #Javascript

JQuery slideshow的一个小问题(如何发现及解决过程)

Feb 06 #Javascript

jquery入门——事件机制之事件中的冒泡现象示例解释

Sep 12 #Javascript

JQuery入门——用bind方法绑定事件处理函数应用介绍

Feb 05 #Javascript

JQuery入门——用映射方式绑定不同事件应用示例

Feb 05 #Javascript

JQuery入门——事件切换之hover()方法应用介绍

Feb 05 #Javascript

You might like

十天学会php(3)

2006/10/09 PHP

ThinkPHP访问不存在的模块跳转到404页面的方法

2014/06/19 PHP

详解PHP中的null合并运算符

2015/12/30 PHP

PHP获取链表中倒数第K个节点的方法

2018/01/18 PHP

XHTML下,JS浮动代码失效的问题

2009/11/12 Javascript

jQuery中操控hidden、disable等无值属性的方法

2014/01/06 Javascript

js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件

2014/01/27 Javascript

javascript中使用正则计算中文长度的例子

2014/04/29 Javascript

JavaScript实现的简单幂函数实例

2015/04/17 Javascript

JS实用的动画弹出层效果实例

2015/05/05 Javascript

react系列从零开始_简单谈谈react

2017/07/06 Javascript

python爬取安居客二手房网站数据(实例讲解)

2017/10/19 Javascript

Vue实现内部组件轮播切换效果的示例代码

2018/04/07 Javascript

JS实现显示当前日期的实例代码

2018/07/03 Javascript

基于游标的分页接口实现代码示例

2018/11/12 Javascript

实现一个 Vue 吸顶锚点组件方法

2019/07/10 Javascript

扫微信小程序码实现网站登陆实现解析

2019/08/20 Javascript

JS使用正则表达式判断输入框失去焦点事件

2019/10/16 Javascript

vue中v-model对select的绑定操作

2020/08/31 Javascript

python 获取et和excel的版本号

2009/04/09 Python

使用Python构建Hopfield网络的教程

2015/04/14 Python

Python利用带权重随机数解决抽奖和游戏爆装备问题

2016/06/16 Python

python3+PyQt5实现使用剪贴板做复制与粘帖示例

2017/01/24 Python

使用OpenCV获取图像某点的颜色值,并设置某点的颜色

2020/06/02 Python

HTML5之消息通知的使用(Web Notification)

2018/10/30 HTML / CSS

美国著名的女性内衣零售商：Frederick’s of Hollywood

2018/02/24 全球购物

*p++ 自增p 还是p所指向的变量

2016/07/16 面试题

公司成本主管岗位责任制

2014/02/21 职场文书

《梅兰芳学艺》教学反思

2014/02/24 职场文书

领导干部对照检查材料

2014/08/24 职场文书

违章停车检讨书

2014/10/21 职场文书

聘任书范文大全

2015/09/21 职场文书

2016形势与政策学习心得体会

2016/01/12 职场文书

《卖火柴的小女孩》教学反思

2016/02/19 职场文书

爱心捐款倡议书：点燃希望，传递温暖

2019/11/04 职场文书

iPhone13将有八大升级

2021/04/15 数码科技