jquery取得iframe中元素的幾種方法
在iframe子頁面獲取父頁面元素
**如下:
$('#objid', parent.document);
在父頁面 獲取iframe子頁面的元素
**如下:
$("#objid",document.frames('iframename').document)
$(document.getelementbyid('iframeid').contentwindow.document.body).html()
$("#testid", document.frames("iframename").document).html();$(window.frames["iframename"].document).find("#testid").html()注意:框架內的頁面是不能跨域的!
假設有兩個頁面,在相同域下.
index.html 檔案內含有乙個iframe:
xml/html**
xml/html**
www.koyoz.com
document.getelementbyid('koyoz').contentwindow.document.getelementbyid('test').style.color='red'
通過在index.html訪問id名為』koyoz』的iframe頁面,並取得此iframe頁面內的id為』test』的物件,並將其顏色設定為紅色.
此**已經測試通過,能支援ie/firefox .
在index.html裡面借助jquery訪問:
$("#koyoz").contents().find("#test").css('color','red');
此**的效果和js直接訪問是一樣的,由於借助於jquery框架,**就更短了.
收集網上的一些示例：
用jquery在iframe裡取得父視窗的某個元素的值
只好用dom方法與jquery方法結合的方式實現了
在父視窗中操作 選中iframe中的所有單選鈕
$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");
在iframe中操作 選中父視窗中的所有單選鈕
$(window.parent.document).find("input:radio").attr("checked","true");
父視窗想獲得iframe中的iframe，就再加乙個frames子級就行了，如：
$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");
iframe子頁面與父頁面之間通訊
父頁面parent.html function say function callchild script head iframe body html 子頁面child.html function say function callparent script head body html 方法呼叫 ...
Iframe父頁面與子頁面之間的呼叫
iframe父頁面與子頁面之間的呼叫 專業詞語解釋如下 iframe iframe元素是文件中的文件。window物件 瀏覽器會在其開啟乙個html文件時建立乙個對應的window物件。但是，如果乙個文件定義了乙個或者多個框架 即 包含乙個或者多個frame或者iframe標籤 瀏覽器就會為原始文件...
iframe父頁面與子頁面之間的元素獲取與方法呼叫
父頁面與子頁面之間的元素獲取與方法呼叫 1 js 父調子 子調父 元素 window.frames iframe的name屬性值 window.parent.document.getelementbyid 父頁面元素id window.parent.document.getelementsbytag...