使用 iframe 嵌入 HTML 片段

Question

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

嵌入地图页面的整个 HTML 会使谷歌地图行为不端。那么嵌入一个不是完整的 HTML 页面的“页面”是否可能（并且是良好的做法）——即，一个只是 HTML sn-p 的“页面”（在这种情况下，是地图 div 和关联的 JavaScript）？

Answer 1

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

Answer 2

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

这回答了所提出的问题，但我认为您想问如何（动态地）从文档中提取此类元素。答案是，您需要通过 URL 获取文档、对其进行解析并返回提取的部分的服务器端代码。然后，此类代码的 URL 将用于iframe 的src 属性。一般而言，未经版权所有者同意，此类操作可能构成侵犯版权。例如，在使用 Google 地图时，您应该将您的操作限制在 Google 允许的范围内。