父頁面與子頁面互動父頁面獲取子頁面的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.子頁面通...