明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

iframe的跨域使用方法

發(fā)表時間：2023-09-13 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]這次給大家?guī)韎frame的跨域使用方法，我們知道，在前端界面中我們時常會用到iframe這個標簽，那么iframe跨域使用的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。同一個 origin 下：父頁面可以通過 iframe.contentWindow 直接訪問 iframe 的全局變量、DO...
這次給大家?guī)韎frame的跨域使用方法，我們知道，在前端界面中我們時常會用到iframe這個標簽，那么iframe跨域使用的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。

同一個 origin 下：
父頁面可以通過 iframe.contentWindow 直接訪問 iframe 的全局變量、DOM 樹等，iframe 可以也通過 parent/top 對父頁面做同樣的事情。

不同 origin 下：
標準的方法是通過 .postMessage() 互相通信，不標準的方法是利用 location.hash 等奇技淫巧。協(xié)議、域名、端口號，共同決定一個 origin 。

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

bootstrap-validator使用詳解

css里有哪些長度單位

HTML入門必知

HTML的內(nèi)聯(lián)樣式改進《三毛經(jīng)典語錄》

用React完成一個圖片輪播組件

以上就是iframe的跨域使用方法的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。