iframe相关传值

前言：

最近写了几个简单的弹窗，iframe从主角-到渐渐低调，最近好像又变的高调起来。因为他在某些地方确实很方便。

就比如说最近有个需求：要求把公共的弹窗放到一个单独的页面中，并且在其他地方要求以iframe的形式引入过来。虽然不知道为什么这样要求。客户就是上帝，开做呗！废话不多说上代码。

 

主页面A：

代码：

<iframe src="B.html" frameborder="0" name="smIframe" id="smIframe" width="100%" height="100%" style="display: none;position: absolute; top: 0;width: 100%; height: 100%;"></iframe>

         js方法：

function showid(data){}

A页面获取B页面input值

document.getElementById("smIframe").contentWindow.document.getElementById("tipId").value= 'loginYzTip';

A页面获取B页面的方法：

parent.document.getElementById("smIframe").window.bb();

子页面B：

<input type="hidden" id="tipId" value="loginYzTip">

function bb(){}

B页面调用A页面的方法:

parent.showid(id);

B页面获取父页面的元素：

window.parent.document.getElementById('aa');