使用iframe嵌入HTML片段

Question

我想使用iframe嵌入HTML片段（Google Maps div）。 （它必須是一個iframe，因爲這是我們正在使用的WordPress插件的要求。）

嵌入整個地圖頁面的HTML會導致谷歌地圖不當行爲。那麼嵌入一個不是完整的HTML頁面的'頁面'，也就是說，只是一個HTML片段（在這種情況下，地圖div和相關的JavaScript）的'頁面'是可能的（和好的做法）？

Answer 1

一個想法是將iframe設置爲適當的寬度和高度，並將滾動屬性設置爲「no」。我見過很多次了。

Answer 2

無論您與iframe一起嵌入什麼，都將被視爲完整的文檔。從技術上講，只包含div元素和script元素的HTML代碼無效，但瀏覽器不在意：它們將它視爲包含body中的這些元素的完整HTML文檔。

這回答了所問的問題，但我認爲您想問如何從文檔中提取這些元素（動態）。答案是，您需要服務器端代碼，通過URL獲取文檔，解析並返回提取的部分。這樣的代碼的URL將被用於iframe的src屬性中。一般來說，如果沒有版權所有者的同意，這些操作可能構成版權侵權。例如，在使用Google地圖時，您應該將自己的行爲限制爲Google允許的行爲。