從父頁面讀取和操作iframe中內容方法

2021-08-30 05:02:23 字數 508 閱讀 1140

基本的操作方法:

document.frames("frame_id").document.action;

其中,frame_id是該父頁面需要進行操作的iframe的id,action是iframe中的相關操作。

從該方法中,可以看出 document.frames("frame_id")是用來從父頁面中獲取iframe的id的,而後面的document.action同一般的指令碼對頁面元素操作一樣,具體舉個例子來說明一下,其中父頁面引用iframe部分如下:

父頁面:

子頁面:

此例描述了在父頁面中讀取iframe中元素以及在父頁面中修改iframe中元素的屬性。

通過此例,我們可以看出,在父頁面中訪問iframe中的各個元素與一般的訪問頁面元素無本質區別,無非是需要在父頁面中事先獲取需要處理的iframe物件,在獲取iframe物件後,其操作基本沒什麼特別之處。

iframe子頁面操作父頁面

最近經常用到iframe,用的最多的就是在子頁面中操作父頁面的方法或變數等,總結了用到的幾種方法,如下 var htmlurl window.parent.main frame attr src jquery 獲取父頁面的iframe的src屬性值 其實獲取父頁面的乙個引數或方法有很多種的寫法,現在...

iframe父頁面與子頁面進行操作

在使用iframe的頁面中,我們經常會有需求需要在iframe裡面對父級頁面進行相關操作,在我看來這些問題的關鍵還是 在iframe裡面獲取到父頁面物件,其它的操作問題也就迎刃而解了,所以我們關鍵的一步是 var pbody window.parent.document.body 以上獲取父頁面jq...

主頁面與包含的iframe頁面的互動操作

1 iframe子頁面呼叫 父頁面js函式 子頁面呼叫父頁面函式只需要寫上window.parent就可以了。比如呼叫a 函式,就寫成 window.parent.a 2 iframe父頁面呼叫 子頁面js函式 這個就稍微複雜一些,下面的方法支援ie和firefox瀏覽器 document.gete...