通过IFRAME向其父页面显示弹出 /通知的最佳方法

Question

我在页面中有一个iframe，并且在iframe中打开了其他页面，现在我希望在iframe页面事件上在父页面上显示弹出/通知或其他内容。

请分享您的评论！谢谢。

Answer 1

只要两个页面都属于您，就可以使用Postmesaage((在帧之间进行通信。但是您需要访问这两个页面。在此处查看更多详细信息：

https://developer.mozilla.org/en-us/docs/web/api/window/postmessage

Answer 2

您可以将ajax与javascript一起部署弹出消息。.ajax实现在数据库中的咨询和javascrip中的咨询以部署"警报消息"。

Answer 3

如果是相同的来源，则在从iframe触发事件时显示弹出窗口或通知的任何问题。您可以使用父iframe访问元素或按钮。

以下是您考虑

的示例

<iframe id="some-iframe" src="something.com">
   <button id="some-button"></button>
</iframe>
using jQuery : $("#some-iframe #some-button").on("click", function(){
   console.log("I fired an event from iFrame");
});

希望这会有所帮助。让我们知道我们是否可以进一步帮助：(