首頁 >web前端 >js教程 >如何實作 Iframe 與其父站點之間的跨域通訊?

如何實作 Iframe 與其父站點之間的跨域通訊?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-28 19:11:11301瀏覽

How Can I Enable Cross-Domain Communication Between an Iframe and its Parent Site?

站點間通訊:跨域連接 iframe 和父站點

使用 iframe 時,跨域通訊可能會帶來挑戰。如果 iframe 的網域與父網站不同,則它們之間的直接存取或方法呼叫將變得不可能。

為了克服這個障礙,跨文檔訊息傳遞提供了一個解決方案:

父站點到iframe:

在父窗口中,向iframe 的內容傳送訊息window:

在iframe中,監聽訊息事件:

iframe 到父親站點:

在 iframe中,向頂層父窗口發送訊息:

父窗口內窗口,監聽訊息事件:

記住,postMessage() 中的'*' 允許將訊息廣播到所有監聽視窗。透過使用跨文件訊息傳遞,您可以在 iframe 與其父站點之間建立通信,甚至可以跨不同網域。

以上是如何實作 Iframe 與其父站點之間的跨域通訊?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn