iframe隐藏html元素

Posted 2023-02-26

iframe html :

<iframe name="processResultMsg" width="100%" height="65%"
id="processResultMsg" src="/$msgPath" frameborder="no"
scrolling="no" style="overflow: hidden;">您的浏览器不支持iframe，请升级</iframe>
子页面中要隐藏的标签:

<div class="formBar" >
......blabla......
</div>
javascript:

$('#processResultMsg').load(function()
$(window.frames["processResultMsg"].document).find(".formBar").hide()
)
很重要的一点就是$('#processResultMsg').load(function() )

就是说一定要在iframe加载完之后才能执行js方法

不然就会报获取不到元素的错误 参考技术A 1 隐藏元素，域名不同存在跨域，无法在 A 中直接操作 B 中元素，需 B 系统开发者提供支持
iframe 加载之后，给 B 发送消息，B 接收到后将元素隐藏
实现A 系统，展示 iframe 的 vue 文件 参考技术B 1 隐藏元素，域名不同存在跨域，无法在 A 中直接操作 B 中元素，需 B 系统开发者提供支持
iframe 加载之后，给 B 发送消息，B 接收到后将元素隐藏
实现A 系统，展示 iframe 的 vue 文件. 参考技术C 要隐藏iframe（或其他HTML元素），只需在该HTML标记中添加：style="display:none;"。

然后你可以在php响应中添加一个javascript代码来从父页面调用一个函数。类似这样的：

// ..
echo '<script>
parent.functionName();
</script>';
在该函数中添加您想要在PHP响应后执行的JavaScript指令。

Youtube 的 iframe 嵌入掩盖了 html 元素

【中文标题】Youtube 的 iframe 嵌入掩盖了 html 元素

【英文标题】：Youtube's iframe embeds cover up html elements

【发布时间】：2011-08-30 21:59:49

【问题描述】：

我一直在我的示例网站顶部的工具栏上工作：

http://theplagueround.com/dev/

但它隐藏在任何 youtube 视频内容后面。我看过一两篇关于向标签添加参数的帖子，但 youtube 现在也在使用 iframe，所以这不适用。

【问题讨论】：

检查了z-index？在 div 上放置一个巨大的 zindex 并查看它是否隐藏它。如果没有.. 尝试使用另一个 z-index 将另一个 iframe 添加到同一个 div。其中之一应该可以解决问题，但imo仔细检查导致问题的原因。你用的是什么浏览器？

【参考方案1】：

您可能想试试我的 Youtube 插件（目前已下载 4000 多次）：Youtube shortcode

未报告任何设计问题。

【讨论】：

看起来是个很棒的插件！不过，我需要能够将嵌入代码插入到我的主题选项中。

【参考方案2】：

要让 Youtube 视频出现在您的工具栏后面，您应该将参数 wmode=transparent 添加到 URL 的末尾。

所以改变这个：

<iframe   
    src="http://www.youtube.com/embed/H1Opn4DS88k" 
    frameborder="0" allowfullscreen></iframe>

到这里：

<iframe   
    src="http://www.youtube.com/embed/H1Opn4DS88k?wmode=transparent"     
    frameborder="0" allowfullscreen></iframe>

更多：

http://www.brandondawson.org/web-design/new-youtube-iframe-embed-code-wmodetransparent

如果您不想将 HTML 硬编码到您的帖子中，您应该使用类似 @Tubal Martin 提供的插件。这样做的好处是，如果 Youtube 将来更新他们的嵌入代码，您应该只需要将插件升级到最新版本。

【讨论】：

谢谢... wmode 解决了它。我不喜欢硬编码，但这个项目一直在进行，这是目前最快的。