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

Question

我想在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>

此处是此代码的链接：http://jsfiddle.net/chetan17/gxth1b12/

有没有办法用id标题和id页脚部分隐藏div？

由于

Answer 1

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

- ＆GT; jQuery cross domain iframe scripting

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

- ＆GT; Change HTML of an iFrame with jQuery?

Answer 2

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

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