从嵌入页面中运行的脚本向容器页面中的脚本发送数据答案

【问题标题】：Sending data to a script in a container page from a script running in an embedded page从嵌入页面中运行的脚本向容器页面中的脚本发送数据
【发布时间】：2009-11-16 10:51:14
【问题描述】：

我遇到了一个有趣的问题，不确定是否可以解决。

我有一个 JS 脚本（比如 script1）在一个包含许多矩形的 SVG 文档中运行，该文档收集了用户输入的信息，例如单击了哪个矩形/与矩形对应的数据等。

此 SVG 文档嵌入在带有 <object> 标签的 HTML 页面中。

问题在于 script1 需要将收集到的信息传递给在容器 HTML 页面内运行的另一个 JS 脚本（比如 script2）。

有人知道怎么做吗？

此外，为了加深理解，如果我使用了<embed> 或<iframe> 标签会怎样；那么什么方法比较合适呢？

【问题讨论】：

标签： javascript html xml svg

【解决方案1】：

只要引用的 svg 与引用的 embed/iframe/object 标签在同一个域中，那么您就可以使用window.frameElement 从 svg 内部查找嵌入 svg 的元素。您可以使用object_or_iframe_or_embed.contentDocument 从 HTML 端获取引用的 svg 文档。还有旧方法.getSVGDocument() 可以用来代替.contentDocument。

svg-to-parent 调用（#1 和 #2）和 parent-to-svg 调用（#4）的示例，有关更多信息，请参见例如 SVG Interest Group 发布的 SVG Primer .

【讨论】：