iframe 跨域 父頁面向子頁面傳值

2022-05-15 12:10:01 字數 615 閱讀 1337

今天碰到乙個需求,是不同域的兩個頁面之間傳值

在網上找了一下,一般有兩個解決方案,乙個是建立乙個**頁面,通過**頁面傳值,

另乙個方法是通過h5的postmessage方法傳值,今天用的是第二種。

var iframe = document.getelementbyid("onemap");

var msg = ;

var childdomain = "";

iframe.contentwindow.postmessage(msg,childdomain);

記住,childdomain與a的iframe的src位址不一樣,childdomain是域,而src是域中的乙個頁面

msg是傳輸的資訊,可以是字串,也可以是物件。

上面的方法一定要寫在乙個函式中,並通過點選事件呼叫,如果希望iframe開始為空,點選後在設定src,

可以在設定src之後,通過settimeout設定一定時間後在傳輸資訊。

在子頁面b中,通過對window新增事件獲取傳輸過來的資訊:

window.addeventlistener("message",function(obj),false);

這樣就完成了從不同域的父頁面向子頁面傳值的過程

子頁面iframe跨域執行父頁面定義的JS方法

問題需求 父頁面與子頁面iframe跨域巢狀,子頁面要觸發父頁面所定義的js方法 父子頁面的資料傳遞。下文中會用到一些檔案 父頁面 parent.html 嵌在父頁面的子iframe頁面 child.html。同域時 iframe 呼叫父頁面的js方法 在同域的情況下,子iframe頁面可以很方便地...

子頁面訪問父頁面 和 跨iframe訪問

1.a iframe的頁面訪問b iframe頁面的內容。parent.document.getelementbyid b iframe的id contentwindow.document.getelementbyid b iframe頁面要訪問的元素id 2.a iframe的3級頁面訪問b if...

iframe子頁面操作父頁面

最近經常用到iframe,用的最多的就是在子頁面中操作父頁面的方法或變數等,總結了用到的幾種方法,如下 var htmlurl window.parent.main frame attr src jquery 獲取父頁面的iframe的src屬性值 其實獲取父頁面的乙個引數或方法有很多種的寫法,現在...