关闭或隐藏 iframe答案

【问题标题】：Close or hide iframe关闭或隐藏 iframe
【发布时间】：2020-12-06 02:01:10
【问题描述】：

这是我的 iframe，它是一个谷歌表单，这意味着我无法编辑它。我需要这个 iframe 以任何方式关闭或隐藏，即按钮、弹出窗口按钮或可能没有任何按钮。 $gLink 是 google 表单链接，由 php 会话变量携带。

<iframe name="target" id="target" width="320" height="187" frameborder="0" src="<?php echo 
htmlspecialchars($gLink); ?>"></iframe>

我试过了，但是没有用。

var iframe=document.getElementById("target");
iframe.parent.removeChild(iframe);

这是我尝试的另一个代码，它也没有工作。

<script>
    function myFunction{
        var closeIFrame= function(event)
        {
        if (!event || event.data != "FeedbackWidgetClose")
            return;
        fifToggle();
        }

        window.addEventListener("message", closeIFrame, false); 
    }
</script>

<button onclick="myFunction()">Click me</button>

【问题讨论】：

如果在执行该代码时 iframe 存在，您的第一个代码应该可以工作。我的猜测是你跑得太早了。也许您将它放在<head> 部分而不等待加载文档。尝试将 <script> 标签放在结束 </body> 标签之前

标签： javascript php html iframe

【解决方案1】：

没有parent。你应该使用parentElement:

iframe.parentElement.removeChild(iframe);

未来调试提示：在浏览器中打开web console，以便检测与页面交互时发生的任何错误。

另外，你的函数myFunction 应该这样定义（它缺少括号）：

function myFunction() {

【讨论】：