有没有办法将网站的某个部分调用到 iframe 中？答案

【问题标题】：Is there a way to call just a certain part of a website into an iframe?有没有办法将网站的某个部分调用到 iframe 中？
【发布时间】：2011-10-09 22:34:45
【问题描述】：

我想使用 iframe 来定位网页的特定部分，并且只显示网页的该部分（而不是整个页面）。问题是，我只能使用 HTML、JavaScript 和 CSS。反正我可以做到这一点吗？

我特别想做的是得到这个喊话框： http://tech-revolution.com/forum/vbshout.php?do=detach&instanceid=1 在另一个页面上的 iframe 中显示，但我只想要喊话框，而不是页面的其余部分。

【问题讨论】：

为什么不创建只包含你想要的部分的html
有问题的网页是你控制的吗？
@nnnnn 有点像，它来自一个我是“超级版主”的论坛，所以我对它有一些影响，但我无法控制它。我正在为它构建一个特殊的工具。

标签： javascript html css iframe web

【解决方案1】：

如果你不介意调用整个页面，你可以操作一个 DIV 让它看起来像这样。以下代码对我有用：

<div style="overflow:hidden; width:608px; height:270px;">
  <iframe  scrolling="no" frameBorder="0"
  src="http://tech-revolution.com/forum/vbshout.php?do=detach&instanceid=1#dbtech_shoutbox1" 
  style="width:728px; height:270px; border:none; margin-left:-60px;"/>  
</div>

但也许您应该咨询该组件的作者，看看是否有办法在他们的服务器上按照您想要的方式呈现它，您只需要构建一个不同的 URL。

【讨论】：

【解决方案2】：

如果 iframe 网页在同一个域中，您可以使用 javascript 通过标准 DOM (https://developer.mozilla.org/en/DOM/HTMLIFrameElement) 编辑其内容。如果 iframe 网页不是，最好的办法是通过将 #anchor 添加到 iframe url 的末尾，让它在特定的锚点处开始滚动。

【讨论】：

如果它用于 chrome 插件，那么你应该在你的问题中真正提到这一点，因为它会改变一切。另外，将其标记为这样。