原文:如何實現跨域獲取iframe子頁面動態的url

有的時候iframe的子頁面會動態的切換頁面,我們在父頁面通過iframe .contentWindow.window.location只能獲取同源的子頁面的信息。獲取跨域的子頁面信息會報錯。 這時可以通過html 提供的接口 postMessage來過去跨域子頁面信息。如下代碼: 在localhost: 服務器下的入口測試頁面:http: localhost: index.html lt DOC ...

2018-05-02 17:18 0 13145 推薦指數:

查看詳情

下使用獲取iframe的父頁面URL

通常情況下,我們獲取iframe頁面url很簡單:parent.location或top.location即可,但前提是它們遵循同源策略。當iframe與父頁面不屬於同一個域名時,像上面的獲取會因為安全策略原因而失敗。在nczonline的一篇文章上看到一種方法,使用 ...

Wed Aug 22 23:46:00 CST 2018 1 4298
iframe 頁面頁面傳值

今天碰到一個需求,是不同的兩個頁面之間傳值 在網上找了一下,一般有兩個解決方案,一個是建立一個代理頁面,通過代理頁面傳值, 另一個方法是通過H5的postMessage方法傳值,今天用的是第二種。 首先,在父頁面A中建立一個iframe,其中src要寫好頁面B的地址,然后在A頁面中寫 ...

Thu Aug 16 04:20:00 CST 2018 0 1553
和非 獲取iframe頁面高度的方法

方法: 第一步,在主頁面里插入代碼://假設主域名是www.aaa.com 需要插入的域名為www.bbb.com <iframe src="http://www.bbb.com/index.html" width="100%" height="100%" id ...

Tue Sep 20 23:44:00 CST 2016 1 6622
iframe 頁面頁面傳值

今天碰到一個需求,是不同的兩個頁面之間傳值 在網上找了一下,一般有兩個解決方案,一個是建立一個代理頁面,通過代理頁面傳值, 另一個方法是通過H5的postMessage方法傳值,今天用的是第二種。 首先,在父頁面A中建立一個iframe,其中src要寫好頁面B的地址,然后在A頁面中寫 ...

Thu Aug 06 18:11:00 CST 2020 0 500
iframe嵌套頁面變化高度自適應

iframe嵌套子頁面 現在的高度是整個屏幕的高度,如果子頁面高度大於屏幕高度,內容無法顯示,並且沒有滾動條,要有滾動條必須給iframe賦值一個確定的高度。但是又由於他是頁面,所以沒辦法獲得頁面的高度,所以可以使用postMessage方法,頁面獲取高度傳值給父頁面 ...

Wed Apr 07 23:18:00 CST 2021 0 224
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM