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。