iframe父页面与子页面的交互

iframe子页面调用父页面的变量、js方法、元素(非跨域)：

1 window.parent.varName; //获取父页面js全局变量
2 window.parent.fnName; //获取父页面js全局方法
3 window.parent.document.getElementById(id); //获取父页面元素

父页面调用iframe页面中的变量、js方法、元素(非跨域)：

1 window.frames[frameName][0] =  document.getElementById(frameId).contentWindow;
2 window.frames[frameName][0].varName; //获取子页面js全局变量
3 window.frames[frameName][0].fnName; //获取子页面js全局方法
4 window.frames[frameName][0].document.getElementById(id); //获取子页面元素