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

2021-07-03 19:57:18 字數 1058 閱讀 3342

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。

iframe跨域訪問父框架js方法

iframe跨域訪問父框架js方法 條件1.不在同乙個主域下 2.iframe呼叫父框架方法 環境說明 父框架有開啟tab頁方法,但是子頁面嵌入的是其他系統頁面,同樣需要開啟tab頁。方法描述 原理上就是通過子頁面嵌入父框架頁面來使用呼叫方法 父框架橋連頁面 1 5 6 section script...

js呼叫父框架函式與彈窗呼叫父頁面函式的方法

呼叫父級中的 aaa的函式 子頁面中 nclick window.parent.frames.aaa 父頁面中 function aaa frame框架裡的頁面要改其他同框架下的頁面或父框架的頁面就用parent window.opener引用的是window.open開啟的頁面的父頁面。windo...

子框架頁重新整理父頁面其它框架的辦法

子框架頁重新整理父頁面其它框架的辦法 為了給論壇左欄加上乙個重新整理論壇的按鈕,想了半天,嘿嘿.終於搞定了.面以三個頁面分別命名為framedemo.html,top.html,button.html為例來具體說明如何做。其中framedemo.html由上下兩個頁面組成,如下 現在假設top.ht...