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

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

Mary-Kate Olsen
發布: 2024-11-28 19:11:11
原創
383 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板