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 header 和 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/

相关文章:

javascript - 有没有办法用 jquery 将元素移出其父元素?

javascript - fadeOut() 隐藏了所有的header 而我只想隐藏h1

javascript - 从文件名javascript中删除非法字符

标签格式中的 HTML 和 CSS 标签

css - 是否可以在使用多点触控滚动时显示 lion 中的页面背景样式

jquery - 仅输入数字后无法选择文本

jquery - 我们可以将正则表达式与常见的 jquery 查询一起使用吗?

javascript - 筛选具有多个值的表

html - 如何使用 Bootstrap 使图像响应?

android - 移动设备不支持的 css 属性列表