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

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 渲染
关于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编程中非常常用，用于控制页面的...
Iframe FrameSet top 内嵌示例
07-03
页面框架内嵌示例,通过IFRAME与FRAMESET内嵌后不会出现滚动条的问题，以及top跳出框架的问题
Iframe 默认高度、宽度
weixin_30539625的博客
04-01 807
　　项目中还在使用 Iframe ,一次看代码时发现 Iframe 没有指定高度、宽度，可是在页面上显示的时候却有高度、宽度。想着应该是 Iframe 的默认值，于是写了一个简单的页面，代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script type="text/javas...
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高度自适应
王永存
10-11 1415
function calcPageHeight(doc) { var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight) var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.sc...
window.print如何设置浏览器默认页眉页脚
10-24
`window.print()` 方法在JavaScript中用于直接触发浏览器的打印功能，它本身并不支持设置特定的页眉和页脚。然而，如果你想在用户通过`window.print()`调用打印时自定义页面内容，包括页眉和页脚，你需要借助CSS和...
$(document).ready(function(){\n\nvar clipboard = new Clipboard('#copy_btn');\n\nclipboard.on('success', function(e) {\n\nalert(\"微信号复制成功\",1500);\n\nwindow.location.href='weixin://';\n\ne.clearSelection();\n\nconsole.log(e.clearSelection);\n\n});\n\n});\n\nalert弹窗去掉上方网址标题\n\nwindow.alert = function (name)\n\n{\n\nconst iframe = document.createElement('IFRAME');\n\niframe.style.display = 'none';\n\niframe.setAttribute('src', 'data:text/plain,');\n\ndocument.documentElement.AppendChild(iframe); window.frames[0].window.alert(name);\n\niframe.parentNode.removeChild(iframe);\n\n};
06-09
通过创建一个包含自定义样式的模态框，可以实现类似 `alert` 的功能，同时移除标题栏和其他默认行为。 ```html <!-- 模态框结构 --> ;"> 这是一个自定义的提示框 确定 <!-- 样式 --> .modal { display: ...
“若 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 中定义一个桥接函数来实现这一功能...
window-on-top(windows任意窗口置顶）
07-08
window-on-top(windows任意窗口置顶）窗口置顶 绿色小工具
topshow_top命令forWindows
04-26
Linux下游top命令查看内存使用情况，Windows平台下没有top命令，topshow工具就是个人制作的Windows平台下的top工具，不妨试一试。
Window On Top(窗口置顶设置工具)V3.9 汉化特别版
09-06
1. 可使任何程序窗口永远在其它窗口顶层或恢复。 　　2. 手动或快捷键方式实现置顶功能。 　　3. 在托盘菜单中可设置快捷键，最小化到托盘等功能。
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是父级窗口；
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值