Javascript 通过iframe传递数据

我目前正在使用wordpress多站点构建PWA和Im。主站点充当UI，多站点中其他站点的所有扩展和功能都通过iFrame显示在主站点上

我似乎无法将内容加载到

div

中，并强制单击的链接停留在该

div

中

我想做的是通过iFrame传递数据以与主UI交互，并通过onClick传递数据

如果可能的话，我应该怎么做

---

我有一个安装在主UI上的定制媒体播放器，我需要在iframe内部单击一个按钮，以将iframe外部的音频和数据触发到主窗口中？是否有用于此或其他内容的javascript？

如果您具有CORS访问权限，您将获得类似的

var iframeDoc=iframelement.contentWindow.document

。因此，现在可以执行

iframeDoc.getElementById（）

等操作。确保每个

@StackSlave都有一个不同的

var

，如果我想使用Onclick函数怎么办。类似这样的函数：函数addSong（song）{if（song&&song.dataset）{const{src，artist，title，album，cover}=song.dataset；document.getElementById（“cover”）.innerHTML=cover；document.getElementById（“artist”）.innerHTML=document.getElementById（“title”）.innerHTML=title；document.getElementById（“album”）.innerHTML=album；}}我会用addsong替换元素吗？或者这是怎么回事？我不确定我是否理解这个问题。如果该代码（在您的注释中）和这些节点位于

iframeDoc

上，则

document.

属性应该可以工作。如果该代码位于

父节点上，而这些节点位于
iframeDoc
上，则需要使用
iframeDoc.
属性。如果该代码位于
iframeDoc
上，但这些节点位于父页面上，则需要使用
parent
页面上的
parent.document.
属性。当然，您应该学会将HTML与JavaScript分开
someElement.onclick=function（）{addSong（songObject）；}
，@stackslave此代码位于父页面上。允许单击iframe内部的按钮，并将元数据传输到父页面。如果这有道理的话。因此，代码（在我上面的评论中）将出现在父页面和iframe文档中，用户将看到：“添加歌曲”，这将触发iframe中的数据，以在父页面上读取和显示。如果这有意义的话。