从 iframe 中的 src 中删除页眉和页脚答案

【问题标题】：remove the header and footer from the src in iframe从 iframe 中的 src 中删除页眉和页脚
【发布时间】：2020-02-11 04:49:16
【问题描述】：

我有一个关于 iframe 的简单问题，我想从 iframe 中的源中删除页眉和页脚，我尝试剪切并指向内容但它不起作用你有什么想法吗？

我的代码是：

<div style="height:1500px;">
  <iframe src="url/#content" name="iframe_all" scrolling="no"
               frameborder="0" height="100%" width="100%" ></iframe>
</div>

其中#content 是源中的内容。它在源代码的第一页上运行良好，但是当用户再次单击 iframe 中源代码的第二页时，标题会出现。

【问题讨论】：

你必须监听 iframe 的 load 事件，然后删除页眉和页脚。
你能解释一下你的答案吗？对不起，我是这个@sunpietro 的新手
iframe 中的页面是否从与包含 iframe 的页面相同的域加载？
是的，他们来自同一个域

标签： javascript html iframe

【解决方案1】：

您可以使用 javascript 访问 iframe 的内容：

var frame = document.querySelector("iframe");
header = frame.contentDocument.querySelector("header");
header.remove();
footer = frame.contentDocument.querySelector("footer");
footer.remove();

或者根据你需要的元素调整选择器。

【讨论】：

只有当 iframe 中的页面从与父页面相同的域加载时才会起作用（有些事情告诉我情况并非如此，因为如果是这样，OP 可能会控制 iframe 页面并且可以正确编辑它们）。您还需要根据位置更改侦听 iframe 中的加载事件。我建议您在答案中添加有关此内容的注释。
@vyshnavi 说它来自同一个域，所以这应该很好。
我必须在该脚本中提供 iframe 的 ID 吗？如何使用该脚本？

【解决方案2】：

我有一个简单的问题，我尝试了这段代码...

<iframe width="100%" height="100%" src="url/#content_id" frameborder="0" scrolling="no">
</iframe>

【讨论】：

虽然这段代码可能有助于解决问题，但它并没有解释为什么和/或如何回答问题。提供这种额外的背景将显着提高其长期价值。请edit您的答案添加解释，包括适用的限制和假设。