javascript之Iframe之间通信

本文探讨都是在同域（同一域名，同一端口，同一协议）下进行。

以下我们探讨三个问题：1、iframe子页面和父页面相互获取元素，2、iframe子页面和父页面相互调使用方法和变量。

一、iframe子页面和父页面相互获取元素

1、子页面获取父页面元素

//获取父页面 $(“#id”)的元素

Js原生：window.parent.document.getElementById (“元素id”);

Jquery： $(“#id”, parent.document);

2、父页面获取子页面元素

//获取子页面 $(“#id”)的元素

Js原生：window.frames[iframe序号].document.getElementById(“元素id”);

Jquery：$(“#iframeID”).contents().find(“#元素ID”);

图1、获取元素