使用iframe嵌入HTML片段

Question

我想使用iframe嵌入HTML片段（Google Maps div）。 （它必须是iframe，因为这是我们正在使用的WordPress插件的要求。）

嵌入地图页面的整个HTML会让Google地图行为异常。那么嵌入一个不是完整HTML页面的“页面”是否可能（和良好做法） - 即一个只是HTML片段的“页面”（在这种情况下，是地图div和关联JavaScript）？

Answer 1

一个想法是将iframe设置为适当的宽度和高度，并将滚动属性设置为“no”。我已经多次见过这个了。

Answer 2

您使用iframe嵌入的内容将被视为完整文档。从技术上讲，仅包含div元素和script元素的HTML代码无效，但浏览器并不关心：它们将其视为包含其中元素的完整HTML文档body。

这回答了问题，但我想你想问一下如何从文档中提取这些元素（动态）。答案是，您需要服务器端代码通过URL获取文档，解析它并返回提取的部分。然后，此类代码的网址将用于src的{​​{1}}属性中。通常，如果未经版权所有者同意而执行此类操作可能构成版权侵权。例如，在使用Google地图时，您应该将操作限制为Google允许的操作。