html - 使用 iframe 仅显示来自外部网站的一个 div?

标签 html css iframe

有什么方法可以使用 iframe 只拉取外部网站的一部分吗?

这是我要拉取的页面.. http://clep.collegeboard.org/search/test-centers

我特别想得到的 div 是中间的白框 (#mainContentWrapper)。

我自己已经有了一个解决方案,尽管它有一些缺陷。我做的技巧是我制作了一个外部 div 并禁用了 iframe 并且我调整了高度/宽度和它只会显示该部分的位置......

#outeriframe
{
   width:960px;
   height:1415px;
   overflow:hidden;
   position:relative;
}

#inneriframe
{
   position:absolute;
   top:-300px;
   left:-160px;
   width:1280px;
   height:1415px;
}

问题是,如果 iframe 太大,页脚会显示出来,如果太短,结果会被截断,您无法看到所有...

有什么办法可以解决这个问题吗?也许隐藏页脚?或者只抓取我需要的 Div?请帮助我...

谢谢!

最佳答案

你不能,同源策略禁止你与位于不同域的网页交互。

CORS 或 postMessage 等技术允许您解决此限制,但需要对其他域进行一定程度的控制。

关于html - 使用 iframe 仅显示来自外部网站的一个 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16227982/

相关文章:

javascript - shadow DOM 中的 addEventListener

javascript - 使用 jQuery 在父级 <div> 中选择 <divs>

html - 如何修复打开页面时按钮转换为带边框的自定义按钮?

javascript - 外部 iframe 更改大小

javascript - 有没有办法使用 iframe 防止双滚动条

javascript - 准确检查页面左侧的距离?

html - CSS float :right and vertical align?

javascript - 如何在滚动列表中选择可见元素

html - Internet Explorer X-Frame-Options ALLOW-FROM 在 IE 11 和 Edge 中不起作用

javascript - 跨动态数量的单选按钮组实现依赖