当 iframe 内容更改时调整 iframe 高度(同一域)

2023-11-30

我已经研究了几天了,但我被困住了......我读了这个页面:

根据内容调整 iframe 的大小

和这个页面:

当 iframe 内容的高度发生变化时自动调整 iframe 高度(同一域)

当包含 iframe 的 maine index.html 首次加载时,调整 iframe 的大小似乎相对容易,但是一旦 iframe 更改内容,我就不知道如何重新调整 iframe 的大小。

我的index.html:

<body>
<iframe seamless frameborder="0" name="top" id="top" src="venues.php" width="100%" height="100" /></iframe>
<iframe seamless frameborder="0" name="main" id="main" src="admin.php" width="100%" height="2000" /></iframe>

当venues.php加载时,它是100px(这很好),但是当有人点击venues.php页面内的(内部,相同域)链接时,我需要调整“顶部”框架的高度以适应新内容。

我尝试了很多解决方案,我总是只能在第一次加载时调整它的大小,但当有人点击它时却不能调整它的大小。

Thanks


你可以使用mutation observer事件和postMessage API,创建和实现可以协商频繁更改的 iframe 尺寸测量的脚本非常困难。我放弃了从头开始编写一些东西并使用了这个小插件:

https://github.com/davidjbradshaw/iframe-resizer

This Plunker演示了在检测时使用此插件mutation observer调整 iframe 大小时触发事件。

PLUNKER

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

当 iframe 内容更改时调整 iframe 高度(同一域) 的相关文章

随机推荐

  • 将 Spring Security 与 SiteMinder 集成

    如何将 Spring Security 与 SiteMinder 集成以接收用户和角色 我有一个在内存中使用 Spring Security 的项目设置 我想使用它来接受具有用户和角色的 SiteMinder 标头 如果SiteMinder
  • 尝试使用 Scrapy 抓取 LinkedIn 时出现 999 响应

    我正在尝试使用 Scrapy 框架从 LinkedIn 中提取一些信息 我知道他们对尝试抓取其网站的人非常严格 因此我在 settings py 中尝试了不同的用户代理 我还指定了较高的下载延迟 但它似乎仍然立即阻止了我 USER AGEN
  • SKScene 无法释放内存,导致内存增长有限

    我已经为此苦苦挣扎了好几天 由于某种原因 我的 SKScenes 没有正确释放 这导致内存增长有限 因为每次我退出并进入场景时 内存都会跳跃 这意味着游戏进行 10 轮后应用程序崩溃 据我所知 经过多次检查后 我没有任何保留周期或对场景本身
  • C#:检测哪个应用程序具有焦点

    我希望创建一个 C 应用程序 根据当前具有焦点的应用程序来更改内容 因此 如果用户使用 Firefox 我的应用程序就会知道这一点 Chrome Visual Studio TweetDeck 等也是如此 这可能吗 如果可能的话 我将如何实
  • DispatchGroup 逻辑工作流程

    我正在尝试实施DispatchGroup如下 但如果第一个调用返回true 然后第二个返回false 那么总体结果将返回false 但是 如果第一个调用返回false 然后第二个返回true 那么总体结果将返回false这不是我所期望的 我
  • MATLAB:将字符转换为自定义数字并返回的最快方法

    我正在寻找一种快速方法 将小写字母 空格和句点组成的大型字符数组转换为一组整数 反之亦然 通常我会使用 double 和 char 函数 但我想使用一组特殊的整数来表示每个字母 以便 a 与 1 匹配 b 与 2 匹配 z 与 26 匹配
  • 获取“运行 management.uninstall 时未选中的 runtime.lastError:”

    我正在编写一个 Chrome 扩展程序 我想在其中卸载另一个扩展程序 我正在关注文档 但收到此错误 Unchecked runtime lastError while running management uninstall chrome
  • 复制,但仅粘贴值? [复制]

    这个问题在这里已经有答案了 我有一个宏来根据过滤器复制数据 但是一些正在复制的单元格中已经有公式 所以我想复制它并仅粘贴为文本或值 我尝试使用以下内容 我尝试了 xlValues 和 Format text 它们都给出了错误 Run Tim
  • 将列表按元素附加到 R 中嵌套列表的元素

    我是 R 新手 仍在尝试了解 apply 系列而不是使用循环 我有两个列表 一个是嵌套的 另一个不是 两者都由字符组成 gt lst1 lt list c ABC DEF GHI c JKL MNO PQR gt lst2 lt c abc
  • PHP 7.1.x - mysqli_connect 未定义(扩展已打开)

    背景 我的 Windows 10 计算机上安装了 WAMP Server 3 0 6 我正在使用一些自定义 MySQL 表开发 WordPress 网站 所以我使用 wpdb Problem 我在 PHP 7 0 10 上运行 一切都很好
  • php 数组最后一个元素的不同 css 样式

    循环遍历数组时 如何为数组中要输出的最后一个元素创建不同的 css div 样式 for i 0 i lt count productid i if productrank i gt 0
  • 将文本日期转换为 Google 表格中的日期

    我正在尝试从文本类型的列转换日期 当我尝试直接通过 Google Sheets 格式选项进行格式化时 它只格式化几个日期 但其他日期则不然 我尝试使用 DATEVALUE 函数 但出现以下错误 DATEVALUE 参数 26 05 2022
  • 打开使用 System.IO.Compression 创建的 ZipArchive 时出现 C# .NET 缺少方法异常

    我有一个 C WinForms NET 应用程序 我试图在其中写入 zip 存档并使用 System IO Compression 从中读取 现在我创建了 ziparchive public void SaveStdV20ZipProjec
  • 需要帮助最大化多个相似对象中的 3 个因素并适当排序

    我需要用任何语言编写一个算法 根据 3 个因素对数组进行排序 我以度假村为例 比如 Hipmunk 假设我想去度假 我想要最便宜 评论最好 景点最多的地点 然而 我显然不可能找到一个在所有 3 项中排名第一的 示例 假设有 20 个重要景点
  • 用图像注释点图

    我正在使用 PyDot 在 python 中生成 Graphviz 点图 我想用从文件中读取的图像来注释我的节点和边缘 我在文档中找到了如何将图像作为节点 但没有找到如何将图像放在节点下 甚至更少的边缘下 http www graphviz
  • 使用 Flask 提供 .mp4 文件并在 Objective-C 应用程序上播放会导致管道损坏且无法播放

    我正在尝试在我的 iOS 应用程序上播放由 Flask Web 应用程序提供的视频 虽然我可以播放使用 传统 Web 服务器 如 Apache 提供的任何视频 但我无法播放 Flask 提供的视频 这是相关代码 Objective C NS
  • CountDownLatch 不释放线程

    我有一个方法 可以从 Firebase 存储加载图像 它在后台线程中调用 我需要阻止它 直到加载图像 以避免回调地狱 这是代码 Kotlin 语言 override fun fromNet Bitmap Log wtf TAG name l
  • 如何使用GoClipse调试Go程序?

    我在 OS X Mavericks 上使用 Go go1 3 darwin amd6 和 GoClipse 0 8 运行调试器时遇到问题 设置断点后 因此我搜索了 Stack Overflow 以及互联网的其余部分 发现我需要安装 gdb
  • System.Net.Http.HttpClient 不包含 DownloadData 的定义

    我想使用 web api 获取歌词 但它有一个错误 System Net Http HttpClient 不包含 DownloadData 的定义 并且没有扩展方法 DownloadData 接受类型为 System Net 的第一个参数
  • 当 iframe 内容更改时调整 iframe 高度(同一域)

    我已经研究了几天了 但我被困住了 我读了这个页面 根据内容调整 iframe 的大小 和这个页面 当 iframe 内容的高度发生变化时自动调整 iframe 高度 同一域 当包含 iframe 的 maine index html 首次加