iframe跨域資料訪問

2021-09-27 08:49:21 字數 626 閱讀 6366

前提:父頁面和子頁面不同域

首先是父頁面傳資料給子頁面

parent.html

your browser dose not support iframes

child.html

需要注意的是一定要加上http://,同時統一用ip都用ip,用網域名稱都用網域名稱,用localhost都用localhost。

還有這裡容易出現乙個bug,因為我是需要在頁面載入時就傳值,所以有可能存在子頁面還沒有載入完成,父頁面已經向子頁面傳值,子頁面接收不到。

這個時候解決方式:

(1)可以考慮 監聽iframe是否載入完成,然後再觸發。

(2)我採用的方式是:首先在父頁面同乙個伺服器位址建乙個頁面fchild.html,在child子頁面建立乙個iframe將跟父頁面同源的fchild引入,通過新建的這個iframe獲取父頁面的資料,然後利用子頁面給父頁面傳值的方式,用fchild將值傳給child頁面

子頁面給父頁面傳值:

parent.html

child.html

iframe跨域訪問

子iframe使用jquery訪問父頁面時,報錯uncaught domexception blocked a frame with origin url from accessing a cross origin frame.這是跨域導致的 設host 進行網域名稱重定向,開啟c windows ...

iframe 跨越訪問 iframe跨域訪問

js跨域是個討論很多的話題。iframe跨域訪問也被研究的很透了。一般分兩種情況 一 是同主域下面,不同子域之間的跨域 同主域,不同子域跨域,設定相同的document.domian就可以解決 父頁訪問子頁,可以document.getelementbyid myframe contentwindo...

iframe跨域訪問 vue Elment ui

首先,1 在html中先寫乙個iframe標籤2 定義src訪問位址export default3 用postmessage傳值,this是當前頁面,nexttick是先等頁面載入完以後在載入,postmessage第乙個引數是你要傳的值,第二個引數是你要訪問的ip位址和埠號 this.nextti...