最好的方式來顯示彈出式窗口/通過iframe到其父頁面的通知

Question

我有一個頁面中的iframe和一些其他頁面打開iframe中，現在我想要一個彈出/通知或其他事件顯示在父頁面上的事件的Iframe頁面。

請分享您的意見！ 謝謝。

Answer 1

只要這兩個頁面屬於你，就可以使用postMesaage（）在幀之間進行通信。但是你需要訪問這兩個頁面。查看更多細節在這裏：

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

Answer 2

您可以使用Ajax與JavaScript部署彈出message..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"); 
}); 

希望這有助於。 讓我們知道，如果我們可以進一步幫助:)