如何使用按钮关闭和重新打开 iframe

【问题标题】：How to close and reopen an iframe with a button如何使用按钮关闭和重新打开 iframe
【发布时间】：2019-04-13 23:35:36
【问题描述】：

想知道是否有人可以帮助我找出使用相同按钮关闭和重新打开 iframe 的方法。

现在 iframe 和按钮一样显示。

【问题讨论】：

我通过查找脚本得到了脚本。
请不要使用屏幕截图来分享您的源代码。 Stackoverflow 允许您创建一个 sn-p 或在您的问题中发布您的源代码。请编辑您的问题以使其更易于使用。谢谢你。 编辑： 另外，我看不到打开/关闭任何 iframe 的按钮，因此请确保您解释在源代码中可以找到的位置 #more 和 #espn 似乎不存在。谢谢。
欢迎来到 Stack Overflow。为了改进这个问题，向我们展示你做了什么。显示源代码并描述它在做什么以及你需要它做什么。见How to create a Minimal, Complete, Verifiable example

标签： javascript jquery html css

【解决方案1】：

我不确定您在这里指的是什么，但是要通过一个按钮隐藏和取消隐藏 iframe，您可以使用：

var iframeHidden = false;
function hideIframe(id) {
    if (!statusVar) {
        document.getElementById(id).hidden = "true";
        iframeHidden = true;
    }
    else {
        document.getElementById(id).removeAttribute("hidden")
        iframeHidden = false;
    }
}

注意：iframeHidden 应该是一个布尔值（true 或 false），描述该元素当前是否隐藏。
然后，使用hideIframe("youtube") 使用相同的按钮隐藏和取消隐藏框架。您必须创建一个event listener。例如：

document.getElementById("ytbutton").addEventListener("click", function() {hideIframe("youtube");}, false)

【讨论】：