我想从 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 中正在加载的文件提供必要的 CSS 如果 iframe 中的文件与您的父级来自同一个域，那么您可以从父级访问 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>

如果您收到“权限被拒绝类型错误”，我认为您正在做的事情受same-origin policy 的约束。这应该是您收到权限被拒绝类型错误的原因。

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

Unable to access iframe content (same-origin policy)