jquery - 如何在 iframe 中加载部分网页?

标签 jquery html css iframe

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

如果可能,我只想使用 jquery 或 CSS 删除页眉和页 footer 分。

这是我正在尝试的代码:

<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 页 footer 分的 div?

谢谢

最佳答案

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

--> jQuery cross domain iframe scripting

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

--> Change HTML of an iFrame with jQuery?

关于jquery - 如何在 iframe 中加载部分网页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26312670/

相关文章:

html - 对齐 div 内的内容

css - 将React内联样式转换为CSS规则

css - 表格未显示为 100%

javascript - 如果div没有内容,则jQuery隐藏父元素

jQuery Mobile – 具有相对高度的内容网格

javascript - 使用 jquery 和 ajax 将 json 对象发布到 mvc Controller

html - 自定义字体在 Mac OS X 上看起来不同(更高)

javascript - 从日期到 Angular js中的日期验证

javascript - Wordpress:jquery.js不会移到页脚

javascript - 无法测试每个循环中检查的输入