编程 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验证(图片/文件的扩展名)

Apr 25 Javascript

Jquery同辈元素选中/未选中效果的实例代码

Aug 01 Javascript

jquery右下角弹出提示框示例代码

Oct 08 Javascript

BootStrap实现树形目录组件代码详解

Jun 21 Javascript

JavaScript获取键盘按键的键码(参照表)

Jan 10 Javascript

javascript中的面向对象

Mar 30 Javascript

js+html5实现半透明遮罩层弹框效果

Aug 24 Javascript

详解用webpack把我们的业务模块分开打包的方法

Jul 20 Javascript

详解javascript 正则表达式之分组与前瞻匹配

May 30 Javascript

微信小程序发布新版本时自动提示用户更新的方法

Jun 07 Javascript

解决vue-cli webpack打包开启Gzip 报错问题

Jul 24 Javascript

AngularJS实现多级下拉框

Mar 25 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

多重?l件?合查?(二)

2006/10/09 PHP

php与php MySQL 之间的关系

2009/07/17 PHP

pdo中使用参数化查询sql

2011/08/11 PHP

PHP中include与require使用方法区别详解

2013/10/19 PHP

php读取der格式证书乱码解决方法

2015/06/22 PHP

js window.event对象详尽解析

2009/02/17 Javascript

Mootools 1.2教程输入过滤第二部分（字符串）

2009/09/15 Javascript

基于jquery的放大镜效果

2012/05/30 Javascript

jquerydom对象的事件隐藏显示和对象数组示例

2013/12/10 Javascript

jQuery中detach()方法用法实例

2014/12/25 Javascript

js实现仿京东2级菜单效果(带延时功能)

2015/08/27 Javascript

jquery遍历json对象集合详解

2016/05/18 Javascript

JavaScript中的Number数字类型学习笔记

2016/05/26 Javascript

深入浅出 jQuery中的事件机制

2016/08/23 Javascript

vue引入jq插件的实例讲解

2017/09/12 Javascript

Three.js利用orbit controls插件（轨道控制）控制模型交互动作详解

2017/09/25 Javascript

3种vue组件的书写形式

2017/11/29 Javascript

深入理解vue中slot与slot-scope的具体使用

2018/01/26 Javascript

解决Vue axios post请求,后台获取不到数据的问题方法

2018/08/11 Javascript

详解json串反转义（消除反斜杠）

2019/08/12 Javascript

Vue中ref和$refs的介绍以及使用方法示例

2021/01/11 Vue.js

python通过pil将图片转换成黑白效果的方法

2015/03/16 Python

Python返回真假值（True or False）小技巧

2015/04/10 Python

浅谈python装饰器探究与参数的领取

2017/12/01 Python

python dataframe 输出结果整行显示的方法

2018/06/14 Python

Python使用Opencv实现图像特征检测与匹配的方法

2019/10/30 Python

python 二维矩阵转三维矩阵示例

2019/11/30 Python

python爬虫使用requests发送post请求示例详解

2020/08/05 Python

英国高级健康和美容产品零售商：Life and Looks

2019/08/01 全球购物

C++是不是类型安全的

2014/02/18 面试题

老公给老婆的道歉信

2014/01/10 职场文书

大学活动总结范文

2014/04/29 职场文书

小学班主任评语

2014/12/29 职场文书

党章党规党纪学习心得体会

2016/01/14 职场文书

《打电话》教学反思

2016/02/22 职场文书

Oracle 触发器trigger使用案例

2022/02/24 Oracle