iframe嵌套的頁面之間傳值問題

項目中很多時候會遇到需要用 iframe 嵌套頁面的情況。有時候會有這樣的需求：

iframe 嵌套的頁面 A ，點擊之后要跳到頁面 B ，但是同時還需要 A 頁面中的某個屬性值。

此時可以先把 A 頁面的屬性值賦值給最外層的父頁面，然后再賦值給 B 頁面。

 

A 頁面的值賦值給最外層的父頁面：

如父頁面有個隱藏的button元素

<input type="button" id="parentID" value="" />

賦值給此元素（此操作在A頁面中執行）：

$(parent.document.getElementById("parentID")).val( $( "A頁面元素" ).attr("data-xxx") )

 

B頁面獲取到父頁面的某個元素值（此操作在B頁面中執行）：

var transferValue = $(parent.document.getElementById("parentID")).val(  )

 

 

 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

方法二：

也可以采用window.location來解決，window.location獲取的並不是最頂層網頁中所顯示出來的url，而是當前 iframe 所嵌套的頁面所在的路徑。