frameset或者iframe的页面窗口window.top window.self window.parent

最新推荐文章于 2021-09-07 11:46:04 发布

jackhexl

最新推荐文章于 2021-09-07 11:46:04 发布

阅读量171

点赞数

CC 4.0 BY-SA版权

文章标签： Java

本文链接：https://blog.youkuaiyun.com/jackhexl/article/details/83880280

本文介绍了浏览器中的window对象，包括window.top、window.self和window.parent等关键属性的作用与应用场景。特别适用于那些涉及到frameset或iframe的网页开发场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


window.top //最顶层窗口
window.self //当前窗口
window.parent //父级窗口

应用在有frameset或者iframe的页面。top是最顶级窗口，self是当前窗口，parent是父窗口。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jackhexl

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

通过<frameset>和<iframe>看JavaScript中window对象parent、self、top的区别

aty

06-08

5585

可以看到a.html能够通过<frameset>或者<iframe>包含另一个b.html，而b.html中也可以用同样的方式嵌套c.html。这样就在不同的html之间形成了明显的层次(父子)关系。我们知道每一个html都对应1个js的window对象，既然html有层次关系，window对象也同样有层次关系，而这层次关系就是通过top和parent、self这3个属性来表现的。1.在任何html页面中(window.self == window)，self和window都是获取当前窗口自身的window

iframe src 不加载页面_IFRAME的各种经验总结

weixin_39717825的博客

12-01

6088

在一个页面中如果想嵌套子页面，应该能想到iframe,的确它之前的应用非常广泛，它可以实现无缝刷新，模拟onhashchange跨域，安全的加载第三方资源与广告，实现富文本编辑，文件上传，用它搞定IE6-IE7的select BUG(select标签会移到遮罩层的上面来，可以使用iframe遮住)。不过后来因为一些iframe本身的缺陷，出于安全性的考虑，如今渐渐的淡出的大家的视角。经验技巧与破坑...

参与评论您还未登录，请先登录后发表或查看评论

weixin_34112181的博客

04-16

176

window.self指的是当前窗口；他等价于window，self，window.self window.top指的是最顶层的窗口（有些页面可能会嵌套好几个iframe）如果只有一个窗口，那么就返回本身； window.parent指的是父窗口；如何判断当前窗口是否在一个框架中； var yes= window.top!=window.self document.write( "当...

window.parent 和 window.top方法的使用

花木难

03-19

5482

前一段时间在做搜狐家居商城申请入驻时用到了window.parent这一方法。由于上传图片的服务器是在另一域名上，和网站服务器是分开的。考虑到跨域。因此上传图片的form表单写到了一个单独的tpl文件中(http://jia.focus.cn/merchantapply/apply/1)页面(A)的上传营业授权资质Button时，打开一个弹层，用Firefox的fireBug

Js使用window.parent ,window.top,window.self判断iframe嵌套

smk108的博客

12-27

7740

参考：http://blog.csdn.net/u012316120/article/details/51595491 在应用有iframe，甚至含有多层iframe嵌套的页面中，存在有window.parent,window.top,window.self对象，各个对象的含义介绍如下： window.self 功能：是对当前窗口自身的引用。它和window属性是等价的。语法：wi

JS window对象的top、parent、opener含义介绍

10-26

其中，top、parent、opener是window对象的三个重要属性，它们在页面间导航和交互时扮演着重要角色。首先，top属性指的是当前窗口的最高层窗口对象，也就是顶级窗口。当页面内嵌在frame或iframe中时，我们可以通过...

window.top.

最新发布

03-14

- **无框架环境**：在普通网页（未使用`<frameset>`、`<iframe>`等嵌套结构）中，`window.top === window.self`，因为当前窗口自身就是顶层窗口[^1]。 - **框架环境**：若页面被嵌套在框架内，`window.top`会穿透...

对frameset、frame、iframe的js操作.pdf

11-21

- `window.top`属性指向顶层框架，用于判断框架是否为顶层框架。 3. **改变框架的载入页面**： - 利用`window.location`属性，可以改变框架加载的页面，例如`window.frames[0].location="1.html"`。 - 这一特性...

对frameset、frame、iframe的js操作示例代码

10-26

在网页开发中，`frameset`、`frame`和`iframe`是用于创建网页布局的框架元素，允许在一个页面中嵌套多个独立的HTML文档。本文将深入探讨这些元素的JavaScript操作，特别是如何进行框架间的数据交换和交互。首先，`...

javascript学习随笔(使用window和frame)的技巧

10-31

这通常通过`window.parent`和`window.top`属性来实现，`parent`指的是直接包含当前`frame`的`frame`，而`top`则是最外层的`frame`，即整个窗口。总的来说，掌握`window`对象和`frame`的使用，能够帮助开发者更好地...

JS 使用window.parent、window.top、window.self 判断iframe 嵌套

稻草人的博客

03-11

5220

首先介绍window.self,window.top,window.parent,window.opener四个的作用区别； window.self,window.top是打开模式，而windo.parent，window.opener是父页面的打开模式。如果页面中有iframe或者framese时，parent是父窗口，top是最顶级父窗口（如果窗口中存在多层嵌套），self是当前...

关于html页面iframe架构中top属性和其方法使用

lampsunny的专栏

07-22

5635

用的是传统的iframe作为页面架构，如果子iframe想用顶层的方法，例如在子iframe中调用弹出窗口， top.openiframe（）那么openiframe方法必须在顶层就加载 ...

top 和 window.top， iframe 默认高度

蚁族的奋斗的博客

06-04

1579

在嵌套iframe的页面中，每个iframe 都是一个 window （因为firame的 src 地址就是一个html页面）其中top 和 window.top 都是一样的，都是指向最顶层的window

获取最顶层的window对象（多层iframe）

zwbHUST的博客

05-18

4760

1.如果2层iframe，内层直接使用window的方法，是基于内层iframe为顶层的。但很多时候想以最外层iframe为顶层。window.top就可以解决了，获取的就是最顶层的window对象。

Jquery中获取iframe的代码(window.top.document)

qq_36031730的博客

11-22

7447

//子iframe top_navigation.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>top_navigation.html</title> <script type="text/java...

Js中的window.parent ,window.top,window.self 详解

一码十行的博客

10-10

3406

在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。window.self：是对当前窗口自身的引用。它和window属性是等价的。注：window、self、window.self是等价的。window.top：返回顶层窗口，

使用iframe标签嵌入第三方网页并隐藏网页头部导航栏和底部网页信息

Nicerlee的博客

11-29

8503

1、解决方案通过对<div>标签高度控制来隐藏第三方页面底部内容，设置<iframe>标签中的margin-top上部边距来隐藏页面的头部导航栏信息等。代码实现(以百度首页展示为例)： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style&gt...

隐藏iframe的顶部操作栏

qq_38181746的博客

09-07

1847

隐藏iframe的顶部操作栏在iframe中预览pdf顶部会有一行操作栏，里面有打印，但是我只想让他预览不让打印，打印另做处理在iframe标签中的预览地址后面加上#toolbar=0 效果