如何仅在网页的一个元素中捕获iframe?

时间:2013-03-28 19:38:27

标签: html iframe embed

我正在尝试从我的网站www.RichBlocksPoorBlocks.com捕获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?

3 个答案:

答案 0 :(得分:1)

要实现这一点,创建一个单独的.php或.html文档会更容易,该文档仅包含要在iframe中显示的部分并排除其他所有内容。

因此,if而不是指向&#34; http://www.richblockspoorblocks.com#map-canvas&#34;的iframe,它将指向类似于:&#34; http://www.richblockspoorblocks.com/map-canvas.php&#34;。

这将是一种非常快速有效的方式来做你想做的事情,并且不需要任何外部库或javascript。

答案 1 :(得分:0)

当您致电http://www.richblockspoorblocks.com#map-canvas时,哈希可能会导致浏览器查找相应的<a name="foo">bar</a>,因此无法使用iFrame。

我建议做的是编写一个脚本,您可以从iFrame中调用该脚本,该脚本接受要加载的页面片段的名称。我知道使用jQuery的$.load()你可以调用一个元素ID来加载一个页面片段,我认为它也可以在PHP中...

答案 2 :(得分:0)

您无法在iframe中使用哈希链接。

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