jquery iframe取得元素與自適應高度

2022-03-22 10:18:33 字數 2342 閱讀 5476

總結一下iframe在jquery中怎麼操作的,下面我來給各位介紹jquery 獲取iframe子/父頁面的元素及iframe在jquery高度自適應實現方法,各位朋友可參考。

jquery方法:

在iframe子頁面獲取父頁面元素

$('#objid', parent.document);

在iframe子頁面獲取父頁面元素

**如下:

**如下

複製**

$('#objid', parent.document);

// 搞定...

在父頁面 獲取iframe子頁面的元素

**如下:

**如下

複製**

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

$(document.getelementbyid('iframeid').contentwindow.document.body).html()

顯示iframe中body元素的內容。

**如下

複製**

$("#testid", document.frames("iframename").document).html();

根據iframename取得其中id為"testid"元素

**如下

複製**

$(window.frames["iframename"].document).find("#testid").html()

在父視窗中操作 選中iframe中的所有輸入框:

**如下

複製**

$(window.frames["iframeson"].document).find(":text");

在iframe中操作 選中父視窗中的所有輸入框:

**如下

複製**

$(window.parent.document).find(":text");

iframe框架的html:

**如下

複製**

ling="auto">

1.在父視窗中操作 選中iframe中的所有單選鈕

**如下

複製**

$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在iframe中操作 選中父視窗中的所有單選鈕

**如下

複製**

$(window.parent.document).find("input[@type='radio']").attr("checked","true");

iframe框架的:

**如下

複製**

假設有兩個頁面,在相同域下.

index.html 檔案內含有乙個iframe:

xml/html**

**如下

複製**

"">  

iframe.html 內容:

xml/html**

**如下

複製**

"">  

www.

iframe自適

應高度**很簡單:

**如下

複製**

$("#ipersonalinfo").load(function() )

有一點需要注意的,我也在除錯的時候才發現的,耽誤了不少時間。就是繫結事件必須在iframe載入完畢之前繫結,否則不會執行。 

以下是jquery,load事件的概述 

在每乙個匹配元素的load事件中繫結乙個處理函式。 

如果繫結給window物件,則會在所有內容載入後觸發,包括視窗,框架,物件和影象。如果繫結在元素上,則當元素的內容載入完畢後觸發。 

注意:只有當在這個元素完全載入完之前繫結load的處理函式,才會在他載入完後觸發。如果之後再繫結就永遠不會觸發了。所以不要在$(document).ready()裡繫結load事件,因為jquery會在所有dom載入完成後再繫結load事件。

iframe**,注意要寫id

**如下

複製**

jquery**1:

**如下

複製**

//注意:下面的**是放在test.html呼叫

$(window.parent.document).find("#main").load(function());

jquery**2:

**如下

複製**

//注意:下面的**是放在和iframe同乙個頁面呼叫

$("#main").load(function());

jquery

iframe

取得

jquery iframe高度自適應

超級簡單的方法,也不用寫什麼判斷瀏覽器高度 寬度啥的。下面的兩種方法自選其一就行了。乙個是放在和iframe同頁面的,乙個是放在test.html頁面的。注意別放錯地方了哦。iframe 注意要寫id jquery 注意 下面的 是放在test.html呼叫 window.parent.docume...

使用jquery iframe 動態實現模態視窗

需求,單擊某個入口時間後觸發許可權判斷,沒許可權使用者彈出註冊許可權視窗 保持頁面,彈出視窗模態,背景色自定義等 符合許可權進行跳轉與其他視窗彈出或提示。如上 通過a標籤的onclick事件觸發js方法進行動態新增模態效果。url可通過struts到後台進行邏輯處理 持久層 或者session級別驗...

JQUERY IFRAME 父頁面子頁面互相查詢

第 一 在iframe中查詢父頁面元素的方法 id window.parent.document 第二 在父頁面中獲取iframe中的元素方法 this contents find suggestbox 第三 在iframe中呼叫父頁面中定義的方法和變數 parent.method parent.v...