Js中的window.parent ,window.top,window.self 详解
在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。
window.self
功能:是对当前窗口自身的引用。它和window属性是等价的。
语法:window.self
注:window、self、window.self是等价的。
window.top
功能:返回顶层窗口,即浏览器窗口。
语法:window.top
注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。
window.parent
功能:返回父窗口。
语法:window.parent
注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。
在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。
判断当前窗口是否在一个框架中:
<script type="text/JavaScript">
var b = window.top!=window.self;
document.write( "当前窗口是否在一个框架中:"+b );
</script>
你应当将框架视为窗口中的不同区域,框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架,一个单个的框架也可以分成其它多个框架,即所谓的嵌套框架。
转载于:https://www.cnblogs.com/lidongfeng/p/7126608.html
Js中的window.parent ,window.top,window.self 详解相关推荐
- Node.js中的不安全跳转如何防御详解
为什么80%的码农都做不了架构师?>>> Node.js中的不安全跳转如何防御详解 导语: 早年在浏览器大战期间,有远见的Chrome认为要运行现代Web应用,浏览器必须有一个 ...
- new Date将字符串转化成日期格式 兼容IE,ie8如何通过new Date将字符串转化成日期格式,js中如何进行字符串替换, replace() 方法详解
new Date将字符串转化成日期格式 兼容IE,ie8如何通过new Date将字符串转化成日期格式,js中如何进行字符串替换, replace() 方法详解 //获得年月日时分秒 //传入日期// ...
- 前端开发:JS中let、var和const的区别详解
前言 前端开发过程中,JS声明变量的关键字想必开发者都不陌生,而且使用的频率在前端开发过程中也是数一数二的.JS中声明变量的关键字有三个let.var和const,但是三者的使用对比和区别也是非常重要 ...
- JS 中 scrollWidth、scrollHeight、scrollLeft 、scrollTop 详解
1. 总述 在JS 中scrollWidth.scrollHeight.scrollLeft .scrollTop 属性在做一些复杂的交互效果中是非常常用的,因此在本博文中详细的介绍并给出实例. 以上 ...
- JS中的预编译(AO、GO详解)
文章目录 一.由实例引发的思考 二.全局上下文GO: 三.函数上下文AO: 四.全局上下文GO+函数上下文AO: 总结 执行js文件的流程: ①通篇检查语法错误 ②预编译 ③解释一行执行一行 一.由实 ...
- JS中的call、apply、bind方法详解
bind 是返回对应函数,便于稍后调用:apply .call 则是立即调用 . apply.call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(co ...
- nodejs 获取系统环境变量_Node.js中环境变量process.env的一些事详解
前言 最近这两天在和运维GG搞部署项目的事儿.碰到一个问题就是,咱们的dev,uat,product环境的问题. 因为是前后端分离,所以在开发和部署的过程中会有对后端接口的域名的切换问题.折腾了一下午 ...
- Vue.js中 watch(深度监听-deep)原理以及详解
handler方法和immediate属性 这里 watch 的一个特点是,最初绑定的时候是不会执行的,要等到 firstName 改变时才执行监听计算.那我们想要一开始就让他最初绑定的时候就执行改怎 ...
- js中的bool值转换及 、||、 !!详解
bool值转换 数据类型 bool值转化 undefined undefined 转化为 false Object null 转化为false,其他为 true Boolean false 转化为 f ...
- JS 中的 event?event:window.event什么意思?求详解。
JS 中的 event?event:window.event什么意思?求详解. 2013-04-16 00:01flying607 | 分类:JavaScript |浏览813次 <script ...
最新文章
- php如何循环输出图片,[图片 显示] 缩图循环显示(php,mysql,script)-PHP教程,PHP应用
- mysql数据库latin1转utf8_三种转换Mysql数据库数据编码的窍门-latin1转utf8
- SpringBoot 自动配置实现流程
- 从 Flink 应用场景出发,了解它的设计思路
- declare sql语句_SQL语句大全【第二部分】技巧+经典案例
- 圆弧裁剪算法c++_箍筋算法之争:按外皮长度计算与按中心线长度计算究竟相差多少?...
- 标准库中迭代器的关系
- lsblk命令 – 查看系统的磁盘
- Python线程池(thread pool)创建及使用+实例代码
- latex 数学符号
- 信安第二版:第23章云计算安全需求分析与安全保护工程学习笔记
- 立体声音频效果插件:TBProAudio ST1 for Mac
- 2021-10-21-Flask-04 模型关系的建立,增删改查的演示,一篇文章让你直接搞懂Flask模型
- matlab蒙特卡洛模拟几何布朗,【数值模拟】几何布朗运动数值解的模拟
- Centos7中MySQL的安装并设置开机启动
- 西湖论剑2021杂项(misc)--YUSA的小秘密
- 微信公众号-模板消息管理
- 如何将Arduino的ino文件分解成多个.h和.cpp工程文件
- [KDD 2022]ROLAND Graph Learning Framework for Dynamic Graphs
- 企业人事信息管理系统1.0
热门文章
- 软件疑难杂症解决办法汇总
- ng-notadd 0.17.1 发布,基于 Angular 的企业级中后台
- 利用 Pandas 将数据集中的某列文本拆分为多行
- 由浅入深CIL系列:6.For和Foreach的CIL结构组成以及运行效率
- Dockerfile实践优化建议
- 艾伟_转载:C#语言基础常见问题汇总
- 点击量终于突破十万大关,以示庆贺,耶!!!
- Flink Window基本概念与实现原理
- Aspose.Cells设置单元格格式
- LSTM CNN GRU DGA比较