iframe 父子視窗呼叫

2021-07-11 18:13:04 字數 1391 閱讀 1975

順序: window--document--body--元素

1. 子iframe中呼叫父中方法 :***()

window.parent.***()  或者 parent.***() 

2. 父呼叫子iframe 方法***()

<

iframesrc="index2.html"scrolling="no"name="iframename"id="ifrid">

iframe>

window.iframename.***();

或者var ifr = document.

getelementbyid("

ifrid

");ifr.

contentwindow.***();

小結: 呼叫方法需要用window

3.子iframe得到父的元素hello

js:  

window.parent.document.getelementbyid("spantext")

jquery:$("#spantext",window.parent.document

)4. 父獲取子iframe元素 三種方式  

方式1:

varifm =document.getelementbyid("ifrid");
ifm.contentwindow.document.getelementbyid("iframetext")

方式2:ifr 是iframe的name值
window.ifr.document.getelementbyid("iframetext");

方式3:ifrid是iframe 的id值

window.frames["ifrid"].contentwindow.document.getelementbyid("iframetext");

jquery方式 :$("#iframetext

",上面三種方式的到document(

ifm.contentwindow.document
))

總結:獲取iframe,然後window-document

iframe 父子頁面方法呼叫

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

iframe的父子視窗之間的物件相互呼叫基本用法

使用ifr的時候,可能會涉及到父子視窗之間傳值和方法的相互呼叫,之前程式設計客棧一直有些迷糊,也沒有著意去弄清楚,這兩天要幹活,沒法子了只好把這都弄明白了。其實非常簡單,就那麼幾個用法,幾句 而已。子視窗中呼叫父視窗的js方法 複製 如下 parent.changebtntitle tzgg 乙個父...

iframe獲取父 子視窗的方法

jquery js呼叫iframe父視窗與子視窗元素的方法 1.jquery在iframe子頁面獲取父頁面元素 如下 objid parent.document 2.jquery 在父頁面獲取iframe子頁面的元素 如下 objid document.frames iframename docum...