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 所嵌套的页面所在的路径。