如何在 iframe 中加载部分网页？答案

【问题标题】：how to load part of webpage in iframe?如何在 iframe 中加载部分网页？
【发布时间】：2014-10-11 08:27:50
【问题描述】：

我想在 iframe 中显示网页的一部分。我试过 jquery 来隐藏页眉和页脚并只显示内容部分但不工作。我已尝试应用 CSS，但未应用，因为网页来自另一个网站。

如果可能，我只想使用 jquery 或 CSS 删除页眉和页脚部分。

这是我正在尝试的代码：

<iframe src="http://schweizer.deco-apparel.com/create_products/Ultra-Cotton-100-Cotton-T-Shirt?n=9465742" height="500px" width="100%" ></iframe>

有没有办法隐藏带有 id 页眉和 id 页脚部分的 div？

谢谢

【问题讨论】：

【解决方案1】：

如果框架显示来自另一个网站（即托管在另一个域上）的数据，则无法执行此操作，因为您的浏览器强制执行跨域安全性。

如果框架是从托管在http://schweizer.deco-apparel.com 上的另一个网页显示的，请使用 jQuery 来操作 iframe 的 DOM 内容。

【讨论】：

【解决方案2】：

隐藏页眉和页脚的唯一方法是，如果您可以更改您在 iFrame 标记中引用的网站上的代码，或者如果 iFrame 与您在 iFrame 中引用的页面位于同一域内的页面上您可以使用 jQuery 在 iFrame 中进行编辑。

您可以使用网站后端或 JavaScript/jQuery 来检测 iFrame 链接中是否有参数（即 www.blah.com/blah?hide=true），这将隐藏页脚和如果 hide=true，则标头。

【讨论】：