iframe的父頁面 子頁面相互呼叫

2021-06-18 11:03:16 字數 525 閱讀 8306

最近程式設計時涉及到iframe的父頁面與子頁面相互呼叫的問題,以前每回都是先去查詢,這回自己記錄下來以後方便查詢。

一、父頁面呼叫子頁面方法

1. $("#id",frames["iframename"].document).test("");

#id:指的是子頁面的id

iframename:iframe的name

test(""):給該id的value賦值

主要應用於給子頁面的某個id的value賦值

2. frames["iframename"].dotest();

iframename:iframe的name

dotest():子頁面的方法

主要應用於呼叫子頁面的某個方法

二、子頁面呼叫父頁面

一般的話是在子頁面中,在需要呼叫父級的方法或變數前加parent

例如:呼叫父頁面的test方法,可以用parent.test();

呼叫父頁面的變數test,可以用parent.test;(注:test變數一般為父頁面的全域性變數)

iframe巢狀 子頁面 父頁面相互取元素和方法

小夥伴們經常在實際專案中會用到iframe巢狀頁面,當然很多時候會需要子頁面呼叫用父頁面的元素和父頁面呼叫子頁面的元素 還有方法 直接上 只介紹jquery因為比較簡單 1.父頁面獲取子頁面元素 格式 iframe的id contents find iframe中的控制項id click 例項 if...

iframe與父頁面 子頁面的互動

父頁面獲取子頁面的window物件 原生js獲取方式 var framewin document.getelementbyid ifr contentwindow 或var framewin document.getelementsbytagname iframe 0 contentwindow 或...

iFrame父子頁面相互呼叫

子頁面 父頁面 parent.aparent.getb id window.parent.document id為父頁面元素 jq btnok parent.document click window.parent.document.getelementbyid id window.parent.d...