iframe父頁面與子頁面的互動

2022-01-22 05:46:59 字數 581 閱讀 1262

iframe子頁面呼叫父頁面的變數、js方法、元素(非跨域):

1 window.parent.varname; //

獲取父頁面js全域性變數

2 window.parent.fnname; //

獲取父頁面js全域性方法

3 window.parent.document.getelementbyid(id); //

獲取父頁面元素

父頁面呼叫iframe頁面中的變數、js方法、元素(非跨域):

1 window.frames[framename][0] =document.getelementbyid(frameid).contentwindow;

2 window.frames[framename][0].varname; //

獲取子頁面js全域性變數

3 window.frames[framename][0].fnname; //

獲取子頁面js全域性方法

4 window.frames[framename][0].document.getelementbyid(id); //

獲取子頁面元素

iframe父頁面與子頁面的互動

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

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

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

iframe子頁面與父頁面通訊

父頁面html iframe.html頁面 關鍵點 父親訪問孩子頁面 window framename 返回iframe頁面的window物件 js中定義的方法和變數都做為window物件的屬性存在 iframe訪問父親頁面 parent 代表父親的window物件 html和iframe的跨域通訊...