Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过Iframe向其父页面显示弹出/通知的最佳方式_Javascript_Jquery_Html - Fatal编程技术网

Javascript 通过Iframe向其父页面显示弹出/通知的最佳方式

Javascript 通过Iframe向其父页面显示弹出/通知的最佳方式,javascript,jquery,html,Javascript,Jquery,Html,我在一个页面中有一个Iframe,其他一些页面在Iframe中打开,现在我希望在Iframe页面事件的父页面上显示一个弹出/通知或其他内容 请分享您的评论! 谢谢。只要这两个页面都属于您,您就可以使用postemsage()在帧之间进行通信。但您需要访问这两个页面。请参阅此处的更多详细信息: 您可以将ajax与javascript结合使用来部署弹出消息。ajax用于在数据库中实现查询,javascrip用于部署“警报消息”。如果消息来源相同,则在从iFrame触发事件时显示弹出消息或通知应该不会

我在一个页面中有一个Iframe,其他一些页面在Iframe中打开,现在我希望在Iframe页面事件的父页面上显示一个弹出/通知或其他内容

请分享您的评论!
谢谢。

只要这两个页面都属于您,您就可以使用postemsage()在帧之间进行通信。但您需要访问这两个页面。请参阅此处的更多详细信息:


您可以将ajax与javascript结合使用来部署弹出消息。ajax用于在数据库中实现查询,javascrip用于部署“警报消息”。

如果消息来源相同,则在从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");
});

使用jQuery:$(“#一些iframe#一些按钮”)。在(“单击”,函数(){
log(“我从iFrame触发了一个事件”);
});
希望这有帮助。 让我们知道我们是否可以进一步提供帮助:)