在应用有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 详解相关推荐

  1. Node.js中的不安全跳转如何防御详解

    为什么80%的码农都做不了架构师?>>>    Node.js中的不安全跳转如何防御详解 导语: 早年在浏览器大战期间,有远见的Chrome认为要运行现代Web应用,浏览器必须有一个 ...

  2. new Date将字符串转化成日期格式 兼容IE,ie8如何通过new Date将字符串转化成日期格式,js中如何进行字符串替换, replace() 方法详解

    new Date将字符串转化成日期格式 兼容IE,ie8如何通过new Date将字符串转化成日期格式,js中如何进行字符串替换, replace() 方法详解 //获得年月日时分秒 //传入日期// ...

  3. 前端开发:JS中let、var和const的区别详解

    前言 前端开发过程中,JS声明变量的关键字想必开发者都不陌生,而且使用的频率在前端开发过程中也是数一数二的.JS中声明变量的关键字有三个let.var和const,但是三者的使用对比和区别也是非常重要 ...

  4. JS 中 scrollWidth、scrollHeight、scrollLeft 、scrollTop 详解

    1. 总述 在JS 中scrollWidth.scrollHeight.scrollLeft .scrollTop 属性在做一些复杂的交互效果中是非常常用的,因此在本博文中详细的介绍并给出实例. 以上 ...

  5. JS中的预编译(AO、GO详解)

    文章目录 一.由实例引发的思考 二.全局上下文GO: 三.函数上下文AO: 四.全局上下文GO+函数上下文AO: 总结 执行js文件的流程: ①通篇检查语法错误 ②预编译 ③解释一行执行一行 一.由实 ...

  6. JS中的call、apply、bind方法详解

    bind 是返回对应函数,便于稍后调用:apply .call 则是立即调用 . apply.call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(co ...

  7. nodejs 获取系统环境变量_Node.js中环境变量process.env的一些事详解

    前言 最近这两天在和运维GG搞部署项目的事儿.碰到一个问题就是,咱们的dev,uat,product环境的问题. 因为是前后端分离,所以在开发和部署的过程中会有对后端接口的域名的切换问题.折腾了一下午 ...

  8. Vue.js中 watch(深度监听-deep)原理以及详解

    handler方法和immediate属性 这里 watch 的一个特点是,最初绑定的时候是不会执行的,要等到 firstName 改变时才执行监听计算.那我们想要一开始就让他最初绑定的时候就执行改怎 ...

  9. js中的bool值转换及 、||、 !!详解

    bool值转换 数据类型 bool值转化 undefined undefined 转化为 false Object null 转化为false,其他为 true Boolean false 转化为 f ...

  10. JS 中的 event?event:window.event什么意思?求详解。

    JS 中的 event?event:window.event什么意思?求详解. 2013-04-16 00:01flying607 | 分类:JavaScript |浏览813次 <script ...

最新文章

  1. php如何循环输出图片,[图片 显示] 缩图循环显示(php,mysql,script)-PHP教程,PHP应用
  2. mysql数据库latin1转utf8_三种转换Mysql数据库数据编码的窍门-latin1转utf8
  3. SpringBoot 自动配置实现流程
  4. 从 Flink 应用场景出发,了解它的设计思路
  5. declare sql语句_SQL语句大全【第二部分】技巧+经典案例
  6. 圆弧裁剪算法c++_箍筋算法之争:按外皮长度计算与按中心线长度计算究竟相差多少?...
  7. 标准库中迭代器的关系
  8. lsblk命令 – 查看系统的磁盘
  9. Python线程池(thread pool)创建及使用+实例代码
  10. latex 数学符号
  11. 信安第二版:第23章云计算安全需求分析与安全保护工程学习笔记
  12. 立体声音频效果插件:TBProAudio ST1 for Mac
  13. 2021-10-21-Flask-04 模型关系的建立,增删改查的演示,一篇文章让你直接搞懂Flask模型
  14. matlab蒙特卡洛模拟几何布朗,【数值模拟】几何布朗运动数值解的模拟
  15. Centos7中MySQL的安装并设置开机启动
  16. 西湖论剑2021杂项(misc)--YUSA的小秘密
  17. 微信公众号-模板消息管理
  18. 如何将Arduino的ino文件分解成多个.h和.cpp工程文件
  19. [KDD 2022]ROLAND Graph Learning Framework for Dynamic Graphs
  20. 企业人事信息管理系统1.0

热门文章

  1. 软件疑难杂症解决办法汇总
  2. ng-notadd 0.17.1 发布,基于 Angular 的企业级中后台
  3. 利用 Pandas 将数据集中的某列文本拆分为多行
  4. 由浅入深CIL系列:6.For和Foreach的CIL结构组成以及运行效率
  5. Dockerfile实践优化建议
  6. 艾伟_转载:C#语言基础常见问题汇总
  7. 点击量终于突破十万大关,以示庆贺,耶!!!
  8. Flink Window基本概念与实现原理
  9. Aspose.Cells设置单元格格式
  10. LSTM CNN GRU DGA比较