Javascript 单击iframe打开对话框

Javascript 单击iframe打开对话框,javascript,jquery,html,Javascript,Jquery,Html,我正在编写一个小部件,它通过iframe嵌入到其他页面(其他域上)。单击widget/iframe上的任意位置都会弹出一个对话框。该对话框不适合iframe的尺寸 我无法从小部件/iframe内部触发该对话框,因为它将被iframe维度截断 小部件的用户还包括来自我的站点的JS。但是我不能在iframe上(在主机页上)监听onclick事件,因为它们不是iframe上的任何onclick事件 解决这个问题的一个好的、安全的方法是什么,它可以在所有现代浏览器上可靠地工作?看看这些PostMes

我正在编写一个小部件,它通过iframe嵌入到其他页面(其他域上)。单击widget/iframe上的任意位置都会弹出一个对话框。该对话框不适合iframe的尺寸

  • 我无法从小部件/iframe内部触发该对话框,因为它将被iframe维度截断

  • 小部件的用户还包括来自我的站点的JS。但是我不能在iframe上(在主机页上)监听onclick事件,因为它们不是iframe上的任何onclick事件


解决这个问题的一个好的、安全的方法是什么,它可以在所有现代浏览器上可靠地工作?

看看这些PostMessage插件,它们允许您在另一个域的iFrame和父页面之间进行通信,即传递消息


这意味着您可以侦听iFrame上的单击,然后向父级发送消息。当家长收到该消息时,可以显示一个对话框

Ok,我来看看。我想知道有没有一种更简单的方法可以做到这一点。由于它是跨域的,PostMessage是你最好的选择。在我链接的那些站点上有一些很好的例子,用于框架和父级之间的通信。希望这能让你在研究之后继续前进,PostMessage似乎是一个不错的选择。谢谢