top 和 window.top， iframe 默认高度

最新推荐文章于 2025-10-20 10:23:10 发布
原创 最新推荐文章于 2025-10-20 10:23:10 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入探讨了在网页中使用嵌套iframe时的特性，包括每个iframe如何被视为独立的window，以及top和window.top在多层iframe中的作用。同时，文章提到了iframe的默认高度设定，并解释了在不同层级的window中100vh是如何被定义的。

在嵌套iframe的页面中，每个iframe 都是一个 window （因为firame的 src 地址就是一个html页面）

其中top 和 window.top  都是一样的，都是指向最顶层的window

iframe 的默认高度是150，mdn 可以查到

 

不论在哪层的window  100vh始终是按照当前的的window

iframe标签（属性介绍（sandbox、srcdoc、scrolling）、iframe对象、onload事件、父集获取iframe内节点（同源和不同源情况）、domain修改规则和示例）
AIWWY的博客
11-09 7738
目录 iframe标签 属性简要汇总 部分属性详细介绍 align fameborder height|width marginheight|width name sandbox scrolling srcdoc iframe对象 属性汇总 onload事件 父集获取iframe内节点 同源情况（域名和端口号相同） 不同源（父子域名、端口号相同） 不同源（万能） iframe优缺点和应用场景、设置网页是否能作为iframe（X-Frame-Options）、点击...
JavaScript（六）（浏览器模型/window对象/iframe）
qq_43456781的博客
07-27 2327
JavaScript（六）（浏览器模型/window对象） 文章目录JavaScript（六）（浏览器模型/window对象）八、浏览器模型54. 浏览器环境概述54.1 代码嵌入网页的方法54.1.1 script 元素嵌入代码54.1.2 script 元素加载外部脚本54.1.3 事件属性54.1.4 URL 协议54.2 script 元素==54.2.1 网页工作原理==54.2.2 defer 属性54.2.3 async 属性54.2.4 脚本的动态加载54.3 浏览器的组成54.3.1 渲染
Iframe 默认高度、宽度
weixin_30539625的博客
04-01 807
　　项目中还在使用 Iframe ,一次看代码时发现 Iframe 没有指定高度、宽度，可是在页面上显示的时候却有高度、宽度。想着应该是 Iframe 的默认值，于是写了一个简单的页面，代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script type="text/javas...
iframe使用总结（实战）
chunchun1230的博客
08-28 863
说在前面的话，iframe是可以做很多事情的。 例如： a>通过iframe实现跨域; b>使用iframe解决IE6下select遮挡不住的问题 c>通过iframe解决Ajax的前进后退问题 d>通过iframe实现异步上传。(Easyui中form组件就是用的iframe，实现表单提交时，可以提交上传域) 下面就一些问题一一论述。 1、iframe基本知识：
WindowTop (窗口置顶管理器) Pro版 窗口透明度与层级管理工具
最新发布
csf345的博客
10-20 324
WindowTop是一款功能强大的窗口增强与管理工具。它允许用户将任意窗口设置为始终置顶、调整透明度，甚至实现鼠标点击穿透，轻松实现参考文档、视频播放等多任务并行场景，极大提升工作效率。一键将任何窗口（如浏览器、文档、播放器）设置为始终置顶，悬浮于其他窗口之上，方便参考内容。
window.top、window.parent、window.open、window.opener
weixin_34403693的博客
08-29 1189
地址：http://blog.csdn.net/zdwzzu2006/article/details/6047632在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。window.self功能：是对当前...
iframe高度自适应
kasteluo的专栏
11-28 1600
1. 前言 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;在html5 使用iframe标签，height设置为100%,显示结果只有很矮的一点点。需要通过调用脚本进行调整大小。 ###2. 具体情境 html代码 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;h
关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别
10-28
标题和描述中提到了JavaScript中的几个与页面跳转和刷新相关的属性，分别是window.location.href、location.href、parent.location.href以及top.location.href。这些属性在JavaScript编程中非常常用，用于控制页面的...
window.print如何设置浏览器默认页眉页脚
10-24
`window.print()` 方法在JavaScript中用于直接触发浏览器的打印功能，它本身并不支持设置特定的页眉和页脚。然而，如果你想在用户通过`window.print()`调用打印时自定义页面内容，包括页眉和页脚，你需要借助CSS和...
“若 Unity 内容被嵌入到 iframe 中，则 Application.ExternalCall 默认调用的是该 iframe 所属文档中的函数。如果需要访问父页面的函数，JavaScript 端需通过 window.parent 或 window.top 来调用父级上下文中的函数，Unity 本身不直接支持跨文档调用，但可以通过桥接逻辑实现。”这句话没看懂，什么叫 iframe 所属文档，是指src写的页面名称么，那比如untiy打包出来叫a.html，然后我创建了一个b.html
06-26
如果需要从 iframe 调用父页面中的函数，可以通过 `window.parent` 或 `window.top` 来访问父级上下文中的函数。Unity 本身不直接支持跨文档调用，但可以在 iframe 的 JavaScript 中定义一个桥接函数来实现这一功能...
JS实现iframe自适应高度的方法(兼容IE与FireFox)
10-22
然而，`iframe`的默认行为可能导致其内容区域的高度不适应实际内容的高度，尤其是在跨浏览器的情况下，这个问题尤为明显。本篇文章将详细介绍如何使用JavaScript实现`iframe`自适应高度的方法，以确保在IE和Firefox...
Iframe FrameSet top 内嵌示例
07-03
页面框架内嵌示例,通过IFRAME与FRAMESET内嵌后不会出现滚动条的问题，以及top跳出框架的问题
window-on-top(windows任意窗口置顶）
07-08
window-on-top(windows任意窗口置顶）窗口置顶 绿色小工具
Iframe完美自动调整高度
一个人的专栏
03-11 1521
<br /> 方法：在主页面Iframe的onload事件中执行JS，去取得被包含页的高度，然后去同步高度。并在主窗口做一个Interval，不停的来获取被包含页的高度。当Iframe窗体高度高于文档实际高度的时候，高度取的是窗体高度，而当窗体高度低于实际文档高度时，取的是文档实际高度。因此，要想办法在同步高度之前把高度设置到一个比实际文档低的值。所以，添加 onload=”this.height=100″，让页面加载的时候先缩到足够矮，然后再同步到一样的高度。<br /><br />代码如下所示：<br
window.top和window.self 分别是什么
ivan5277的博客
06-04 1329
此属性指向浏览器窗口的最顶层窗口，即没有任何框架包含它的窗口。是等价的，都是对当前上下文窗口的一个引用。在没有特殊框架结构的情况下，则总是指向执行当前脚本的窗口实例，提供了一种明确引用当前上下文的方式。引用的是同一个对象，但如果存在嵌套框架，即使当前窗口不是顶层窗口，总是指向当前正在执行JavaScript代码的窗口对象。: 此属性是对当前窗口自身的引用。不论当前窗口是不是顶层窗口，，因为它本身就是顶层窗口。会穿透所有嵌套的层次，指向最外层的窗口。帮助你获取或操作最顶级的浏览器窗口，而。
js中 window.top , window.parent , window.self 详解
zhang_zan
01-31 1680
js中 window.top , window.parent , window.self 详解
iframe 高度设置、iframe 自适应高度方法总结
热门推荐
巴黎的妖
05-19 2万+
所谓iframe自适应高度，就是，基于界面美观和交互的考虑，隐藏了iframe的border和scrollbar，让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面，我们直接写死iframe高度就可以了。而如果iframe要切换页面，或者被包含页面要做DOM动态操作，这时候，就需要程序去同步iframe高度和被包含页的实际高度了。 如果iframe的高度没有确定，那将
在iframe里面获取父页面和顶层父页面，window/window.parent/window.top/top.window
weixin_52314006的博客
10-26 1999
（3）window.top和top.window是顶级窗口。（1）window和window.self是当前窗口；（2）window.parent是父级窗口；
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值