iframe與父頁面 子頁面的互動

2021-08-11 07:45:50 字數 1539 閱讀 1266

父頁面獲取子頁面的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;
父頁面獲取子頁面的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');
父頁面呼叫子頁面的方法：

//原生js呼叫方式：


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


framewin.method(); //method為子頁面的方法


//jquery呼叫方式：


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


framewin.method(); //method為子頁面的方法
子頁面獲取父頁面的window物件： 

var parentwin = window.parent;
子頁面獲取父頁面的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');
子頁面呼叫父頁面的方法：

var parentwin = window.parent;


parentwin.method(); //method為父頁面的方法

iframe父頁面與子頁面的互動

1.父頁面獲取子頁面的window物件 var childiframewin document.getelementbyid child contentwindow 通過iframe標籤的id獲取獲取到子頁面的window後，就可以通過window獲取到子頁面的物件和方法。2.子頁面獲取父頁面的wi...

iframe父頁面與子頁面的互動

iframe子頁面呼叫父頁面的變數 js方法 元素 非跨域 1 window.parent.varname 獲取父頁面js全域性變數 2 window.parent.fnname 獲取父頁面js全域性方法 3 window.parent.document.getelementbyid id 獲取父頁...

iframe子頁面與父頁面的元素訪問

宣告既然是子頁面要訪問父頁面那麼下面的操作 就要寫在子頁面裡 js方法是parent.document.getelementbyid或者parent.document.getelementbyclassname jquery方法是var iwantobject window.parent.docum...