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>
Javascript 相关文章推荐
javascript在一段文字中的光标处插入其他文字
Aug 26 Javascript
Javascript 函数中的参数使用分析
Mar 27 Javascript
基于json的jquery地区联动效果代码
Jul 06 Javascript
几种经典排序算法的JS实现方法
Mar 25 Javascript
Google 地图叠加层实例讲解
Aug 06 Javascript
如何使用jquery实现文字上下滚动效果
Oct 12 Javascript
JS鼠标3次点击事件实现代码及扩展思路
Sep 12 Javascript
浅析为什么a=&quot;abc&quot; 不等于 a=new String(&quot;abc&quot;)
Oct 25 Javascript
详解Nuxt.js部署及踩过的坑
Aug 07 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 Javascript
javascript实现画板功能
Apr 12 Javascript
微信小程序实现上传多张图片、删除图片
Jul 29 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
无线电广播的开始
2002/01/30 无线电
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
用php实现批量查询清除一句话后门的代码
2008/01/20 PHP
谈PHP生成静态页面分析 模板+缓存+写文件
2009/08/17 PHP
php学习之简单计算器实现代码
2011/06/09 PHP
php版微信公众平台接口参数调试实现判断用户行为的方法
2016/09/23 PHP
PHP数组生成XML格式数据的封装类实例
2016/11/10 PHP
PHP编程实现阳历转换为阴历的方法实例
2017/08/08 PHP
javascript 数组排序函数
2009/08/20 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
2009/12/27 Javascript
javascript来定义类的规范小结
2010/11/19 Javascript
ie与ff下的event事件使用介绍
2013/11/25 Javascript
node.js中的fs.createReadStream方法使用说明
2014/12/17 Javascript
js生成验证码并直接在前端判断
2015/05/15 Javascript
AngularJs中route的使用方法和配置
2016/02/04 Javascript
jQuery实现HTML表格单元格的合并功能
2016/04/06 Javascript
浅谈JavaScript中数组的增删改查
2016/06/20 Javascript
jQuery实现的右下角广告窗体跟随效果示例
2016/09/16 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
JavaScript中闭包的详解
2017/04/01 Javascript
JS脚本加载后执行相应回调函数的操作方法
2018/02/28 Javascript
Django+Vue跨域环境配置详解
2018/07/06 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
2019/05/26 Javascript
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
2020/11/09 jQuery
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
Python flask框架端口失效解决方案
2020/06/04 Python
Python字符串对齐、删除字符串不需要的内容以及格式化打印字符
2021/01/23 Python
孤独星球出版物:Lonely Planet Publications
2018/03/17 全球购物
Notino意大利:购买香水和化妆品
2018/11/14 全球购物
优秀士兵先进事迹
2014/02/06 职场文书
园艺师求职信
2014/04/27 职场文书
竞聘演讲稿开场白
2014/08/25 职场文书
抗洪救灾标语
2014/10/08 职场文书
2015年全国爱眼日活动方案
2015/05/05 职场文书
2016年小学生教师节广播稿
2015/12/18 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书