通过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来部署＆＃34;警告消息＆＃34;。

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");
});

希望这会有所帮助。 如果我们可以进一步提供帮助，请告诉我们：）