H5 0040 iframe 父子頁面方法呼叫

2022-06-14 13:42:11 字數 1521 閱讀 1585

父頁面與子頁面互動

父頁面獲取子頁面的window物件:

//原生js獲取方式:

var framewin = document.getelementbyid("ifr").contentwindow;

或var framewin = document.getelementsbytagname('iframe')[0].contentwindow;

或var framewin =document.frames[framename];

//jquery獲取方式:

var framewin = $('#ifr')[0].contentwindow;12

89父頁面獲取子頁面的document、body物件:

//原生js獲取方式:

var framewin = document.getelementbyid("ifr").contentwindow;

var framedoc =framewin.document;

var framebody =framedoc.body;

//jquery獲取方式:

var framewin = $('#ifr')[0].contentwindow;

var $framedoc =$(framewin.document);

var $framebody = $framedoc.find('body');12

39父頁面呼叫子頁面的方法:

//原生js呼叫方式:

var framewin = document.getelementbyid("ifr").contentwindow;

framewin.method();

//method為子頁面的方法

//jquery呼叫方式:

var framewin = $('#ifr')[0].contentwindow;

framewin.method();

//method為子頁面的方法12

67子頁面與父頁面互動

子頁面獲取父頁面的window物件:

var parentwin =window.parent;

1子頁面獲取父頁面的document、body物件:

//原生js獲取方式:

var parentwin =window.parent;

var parentdoc =parentwin.document;

var parentbody =parentwin.body;

//jquery獲取方式:

var parentwin =window.parent;

var $parentdoc =$(parentwin.document);

var $parentbody = $parentdoc.find('body');12

389子頁面呼叫父頁面的方法:

var parentwin =window.parent;

parentwin.method();

//method為父頁面的方法

iframe 父子頁面方法呼叫

iframe具有以下屬性 1 frameborder 設為1代表顯示周圍邊框,設定為0不顯示周圍邊框 2 height 設定iframe的高度 3 width 設定iframe的寬度 4 longdesc 屬性值為url 規定乙個頁面,該頁面包含了有關 iframe 的較長描述 5 marginhe...

iframe跨域父子頁面通訊方法

儘管iframe因相容 效能等問題逐漸被替換掉,但有不少存量專案仍在使用。最近,我們部門一位小夥伴遇到iframe跨域相關問題,詳細如下 問題前置條件 有兩個系統a b 都是銀行存量老系統 a b跨域 a系統中有乙個頁面a b系統中有乙個頁面b b以iframe方式嵌在a頁面中。問題描述 那麼,if...

iframe父子頁面呼叫方法及傳參

在用 iframe的時候,不得不對子頁面或父頁面進行操作,或者傳遞引數,這時就需要用獨特的方法實現了,實現辦法也簡單 案例中,父級頁面通過 iframe獲取子頁面的引數,並通過子頁面呼叫父頁面的方法,將彈框關閉,實現父子頁面方法和引數共享。注意點 1.父頁面寫好 子頁面呼叫父頁面的方法 2.子頁面通...