通过ID从不同的网站导入单个元素

Question

我想将其他网站的特定元素导入我的网站。 例如，我想导入它：

<div id="mainbar-full">
...
</div>

从this网站到 foo.stackoverflow.com/bar 。 这应该像iframe，不是显示整个页面而是显示它的一部分。

是否可以这样做？

-Cerdo

Answer 1

您可以使用iframe执行此操作，但这不是一个特别干净的解决方案，但我无法想到其他任何方式。

您将无法使用stackoverflow页面，因为stackoverflow将其网站设置为仅允许相同的域iframe请求，但只是让您理解我将在我的示例中使用它。

以下是使用您提到的ID和网址的示例：

<iframe src="http://stackoverflow.com/tour/#mainbar-full" scrolling="no" class="iframe"></iframe>

然后，您需要设置以下CSS以获取全部内容：

.iframe {
    height: 4555px;
    width: 980px;
    overflow: none;
}

这将在页面上显示该元素的全部内容。

正如我上面所说，这不是一个非常干净的解决方案，但我现在能想到的只是。

以下是buzzfeed的一个工作示例：http://jsfiddle.net/kyZzk/

干杯。

Answer 2

你可以像这样使用jQuery和load();方法：

您主机页面中的此代码

<div id="main_bar">

// ............有些东西.......    //..........................

</div>

当前页面中的此代码

$("selector").load("http://www.yourdomin.com/page.php#mainbar");