Html 如何使iframe仅捕获网页的一个元素？

我试图从我的网站上捕获

div#map canvas

，制作一个人们可以在任何地方嵌入的iframe

这是我的iframe

<iframe src="http://www.richblockspoorblocks.com#map-canvas" style="width:600px; height:400px;"></iframe>

它会转到

div#map canvas

，但也会加载页面的其余部分。我希望那个div是iframe中唯一的东西

---

使用iframe是否可以实现这一点

当您呼叫

http://www.richblockspoorblocks.com#map-canvas

散列可能会导致浏览器查找相应的

条

，因此使用iFrame无法实现

---

我建议您编写一个脚本，从iFrame调用它，它接受要加载的页面片段的名称。我知道，使用jQuery的

$.load（）

可以调用元素ID来加载页面片段，我认为在PHP中也可以这样做…

要实现这一点，创建一个单独的.PHP或.html文档将更容易，该文档只包含希望在iframe中显示的部分，而不包含其他所有内容

因此，iframe不是指向“”，而是指向类似“”的内容

---

这将是一种非常快速有效的方法，可以实现您想要的功能，并且不需要任何外部库或javascript。

您不能在iFrame中使用哈希链接

---

您可以而且应该使用几行您最喜欢的服务器端语言来创建要呈现的特定内容，然后链接到它。通过这种方式，您的服务器将只向最终用户发送所需的数据，并节省带宽和加载时间。

这是一个循环问题，如何创建一个单独的php文档，指向我不拥有主域的内容