利用JQuery、js操作iframe父頁面、子頁面的元素和方法彙總

iframe在複合文檔中經常用到，利用jquery操作iframe可以大幅提高效率，本文主要給大家分享了關于簡單使用JQUERY來操作IFRAME的一些記錄，這個使用純JS也可以實作。下面話不多說了，來一起看看詳細的介紹吧。

第一、在iframe中查找父頁面元素的方法：

1	$( '#id' , window.parent.document)

第二、在父頁面中擷取iframe中的元素方法：

1	$( this ).contents().find( "#suggestBox" )

第三、在iframe中調用父頁面中定義的方法和變量：

1	parent.method parent.value

JQUERY、JS調用IFRAME父視窗與子視窗元素的方法

1. jquery 在iframe子頁面擷取父頁面元素代碼如下:

1	$( "#objid" , parent.document)

2. jquery在父頁面 擷取iframe子頁面的元素 代碼如下:

1	$( "#objid" ,document.frames( 'iframename' ).document)

3.js 在iframe子頁面擷取父頁面元素代碼如下:

1	indow.parent.document.getElementByIdx_x( "元素id" );

4.js 在父頁面擷取iframe子頁面元素代碼如下:

1	window.frames[ "iframe_ID" ].document.getElementByIdx_x( "元素id" );

5.子類iframe内調用父類函數：

1	window.parent.func();