iframe - 我想从 iframe 中隐藏水印

Question

我想从 iframe 中隐藏水印，我尝试使用 css 和脚本仍然无法隐藏它。

我在 iframe 的 src"" 中传递 url

代码 ：

<iframe scrolling="no" class="testFrame" id="frame1"></iframe>
<script>
    var iframe = document.getElementById("frame1");
    iframe.onload = function () {
        $("#frame1").contents().find(".lt").hide();
    }
</script>

Answer 1

iframe 是页面中的一个“洞”，在其中显示另一个网页。iframe 的内容不是任何形状或构成父页面的一部分。

如果 iframe 中的文件与您的父级来自同一个域，则为 iframe 中加载的文件提供必要的 CSS，然后您可以从父级访问 iframe 中文档的 DOM。

考虑到 iframe 来自同一个域，请尝试使用下面的代码，看看它是否有效。

<script>
 var iframe = document.getElementById("frame1");
$('iframe').load( function() {
    $('iframe').contents().find("head")
      .append($("<style type='text/css'>  .lt{display:none;}  </style>"));
});
</script>

如果您收到“permission denied type errors.”，我认为您所做的是受制于同源策略。这应该是您收到权限被拒绝类型错误的原因。

在这里您可以检查可能的解决方案。

无法访问 iframe 内容（同源策略）