總結一下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...