js中子框架和父框架的通信

1.获取父框架的内容

window.parent.name；//name为你要获取的值的名称

parent.document.getElementById("id"); //根据id获取父框架对象

parent.document.getElementByTagName("name"); //根据name获取父框架对象

2.获取子框架的内容

document.getElementById("id").contentWindow.document.getElementById("childId");

根据子窗口Id获取子框架内容，根据子框架的childId，获取框架对象。

document.getElementById("id").contentWindow可以获得子窗口的window对象

3.父框架引用子框架

window.frames; //获取父窗口中的所有子框架对象，返回的是一个window对象数组

window.frames["frameName"]；//根据框架名称获取子框架的window对象，frameName为框架name值

window.frames["frameName"].functionName; //父框架调用子框架的方法。functionName为方法名

4.子框架引用父框架

  每一个window对象都有一个parent属性，该属性代表着父窗口。

  如果当前窗口为顶层窗口，则window.parent仍表示本身窗口。

  window.parent.reload();//刷新父框架

5.兄弟框架之间的引用

  self.parent.frames["frameName"]; 

6.引用顶层框架

  每个window对象都有一个top属性，表示顶层窗口

  window.top.frames; //获取顶层框架中的所有子框架

7.改变框架载入的页面

  每个window对象都有一个location属性，可以改变框架的载入路径。

  window.frames[0].loaction("url"); //重载第一个子框架的内容，文件路径为url。