亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

解析Jquery取得iframe中元素的幾種方法

2019-11-20 22:34:26
字體:
來源:轉載
供稿:網友

DOM方法:
父窗口操作IFRAME:window.frames["iframeSon"].document
IFRAME操作父窗口: window.parent.document
jquery方法:
在父窗口中操作 選中IFRAME中的所有輸入框: $(window.frames["iframeSon"].document).find(":text");
在IFRAME中操作 選中父窗口中的所有輸入框:$(window.parent.document).find(":text");
iframe框架的HTML:<iframe src="test.html" id="iframeSon" width="700″ height="300″ frameborder="0″ scrolling="auto"></iframe>

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框架的:
<iframe src="test.html" id="iframe1″ width="700″ height="300″ frameborder="0″ scrolling="auto"></iframe>

復制代碼 代碼如下:

<HTML xmlns="http://www.w3.org/1999/xhtml">     
 <HEAD>     
     <MCE:SCRIPT mce_src="js/jquery-1.2.6.js" src="../js/jquery-1.2.6.js" type="text/ecmascript"></MCE:SCRIPT>     
     <MCE:SCRIPT type="text/javascript"><!--    

         $(function(){     
             $("#t1").hover(function(){alert('');});     
             //$("iframe").contents().find("body").append("I'm in an iframe!");      
             //$(window.frames["iframe1"].document).find("input[@type='text']").attr("size","30px");     
             //$("#iframe1").contents().find("#d1").css('color','red');     
             //$(window.frames["iframe1"].document).find("input[@name='t1']").css({background:"#369"});     
             //$("#iframe1").src("test.html");     
         });     

 // --></MCE:SCRIPT>     
 <DIV>     
 <INPUT id=t1>     
 <IFRAME id=iframe1 src="child.htm" mce_src="child.htm"></IFRAME>     
 <IFRAME height=100 src="child.htm" width=300 mce_src="child.htm"></IFRAME>     
 </DIV>     
 <DIV>     
 </DIV>     

收集利用Jquery取得iframe中元素的幾種方法 :
復制代碼 代碼如下:

$(document.getElementById('iframeId').contentWindow.document.body).htm() 

顯示iframe中body元素的內容。
復制代碼 代碼如下:

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

根據iframename取得其中ID為"testId"元素
復制代碼 代碼如下:

$(window.frames["iframeName"].document).find("#testId").html()

作用同上

收集網上的一些示例:
用jQuery在IFRAME里取得父窗口的某個元素的值
只好用DOM方法與jquery方法結合的方式實現了

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框架的:<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
IE7中測試通過

使用jquery操作iframe
1、 內容里有兩個ifame
<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>
leftiframe中jQuery改變mainiframe的src代碼:
$("#mainframe",parent.document.body).attr("src","http://www.49028c.com")

2、 如果內容里面有一個ID為mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一個someID
<div id="someID">you want to get this content</div>
得到someID的內容
$("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值

3、在父窗口中操作 選中IFRAME中的所有單選鈕
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");
那選擇id自然就是依然使用find方法
$(window.frames["iframe1"].document).find("#id")

4、 如上面所示
leftiframe中的jQuery操作mainiframe的內容someID的內容
$("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()

使用JavaScript操縱iframe
框架間的互相引用
一個頁面中的所有框架以集合的形式作為window 對象的屬性提供,例如:window.frames就表示該頁面內所有框架的集合,這和表單對象、鏈接對象、圖片對象等是類似的,不同的是,這些集合是 document的屬性。因此,要引用一個子框架,可以使用如下語法:
window.frames["frameName"];
window.frames.frameName
window.frames[index]
其中,window字樣也可以用self代替或省略,假設frameName為頁面中第一個框架,則以下的寫法是等價的: self.frames["frameName"]
self.frames[0]
frames[0]
frameName
每個框架都對應一個HTML頁面,所以這個框架也是一個獨立的瀏覽器窗口,它具有窗口的所有性質,所謂對框架的引用也就是對window對象的引用。有了這個window對象,就可以很方便地對其中的頁面進行操作,例如使用window.document對象向頁面寫入數據、使用window.location屬性來改變框架內的頁面等。

下面分別介紹不同層次框架間的互相引用:
1.父框架到子框架的引用
知道了上述原理,從父框架引用子框架變的非常容易,即:
window.frames["frameName"];
這樣就引用了頁面內名為frameName的子框架。如果要引用子框架內的子框架,根據引用的框架實際就是window對象的性質,可以這樣實現:
window.frames["frameName"].frames["frameName2"];
這樣就引用到了二級子框架,以此類推,可以實現多層框架的引用。

2.子框架到父框架的引用
每個window對象都有一個parent屬性,表示它的父框架。如果該框架已經是頂層框架,則window.parent還表示該框架本身。

3.兄弟框架間的引用
如果兩個框架同為一個框架的子框架,它們稱為兄弟框架,可以通過父框架來實現互相引用,例如一個頁面包括2個子框架:
<frameset rows="50%,50%">
<frame src="1.html" name="frame1" />
<frame src="2.html" name="frame2" />
</frameset>
在frame1中可以使用如下語句來引用frame2:
self.parent.frames["frame2"];

4.不同層次框架間的互相引用
框架的層次是針對頂層框架而言的。當層次不同時,只要知道自己所在的層次以及另一個框架所在的層次和名字,利用框架引用的window對象性質,可以很容易地實現互相訪問,例如:
self.parent.frames["childName"].frames["targetFrameName"];

5.對頂層框架的引用
和parent屬性類似,window對象還有一個top屬性。它表示對頂層框架的引用,這可以用來判斷一個框架自身是否為頂層框架,例如:
//判斷本框架是否為頂層框架
if(self==top){
//dosomething
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
爱福利视频一区| 欧美性理论片在线观看片免费| 亚洲第一中文字幕在线观看| 国产精品高潮呻吟久久av黑人| 欧美精品一二区| 日韩视频在线免费| 成人福利在线观看| 久久国内精品一国内精品| 成人伊人精品色xxxx视频| 91免费综合在线| 色哟哟网站入口亚洲精品| 日韩中文字幕在线观看| 97精品视频在线| 欧美夫妻性生活视频| 91国内揄拍国内精品对白| 97久久精品人搡人人玩| 亚洲欧美在线播放| 青青草成人在线| 国产91精品高潮白浆喷水| 91精品国产综合久久香蕉最新版| 在线观看欧美日韩国产| 久久人人爽人人爽人人片av高清| 欧美日本啪啪无遮挡网站| 成人国产精品久久久久久亚洲| 国产一区二区三区在线看| 欧美最近摘花xxxx摘花| 久久久午夜视频| 国产有码在线一区二区视频| 97在线看福利| 中文字幕久久久| 91国内揄拍国内精品对白| 日韩激情视频在线播放| 亚洲欧洲一区二区三区在线观看| 欧美一级片在线播放| 欧美乱大交做爰xxxⅹ性3| 亚洲乱亚洲乱妇无码| 亚洲福利视频二区| 精品亚洲夜色av98在线观看| 亚洲欧洲一区二区三区在线观看| 午夜欧美大片免费观看| 中文字幕日韩精品有码视频| 亚洲第一免费播放区| 久久99国产精品久久久久久久久| 国产亚洲精品久久久久久777| 亚洲天堂免费视频| 国产91久久婷婷一区二区| 欧美疯狂性受xxxxx另类| 国产欧美精品va在线观看| 日韩美女视频免费看| 精品视频—区二区三区免费| 欧美中文字幕视频在线观看| 永久555www成人免费| 久久99精品久久久久久琪琪| 91亚洲va在线va天堂va国| 国产日本欧美一区二区三区在线| 欧美成人免费va影院高清| 久久久www成人免费精品| 一区二区三区视频免费| 成人网在线视频| 亚洲欧美国产一区二区三区| 国产精品视频大全| 亚洲成人久久一区| 成人字幕网zmw| 久久成人国产精品| 一区二区欧美日韩视频| 91wwwcom在线观看| 91福利视频在线观看| 欧美一级在线亚洲天堂| 亚洲福利视频在线| 91精品国产色综合久久不卡98口| 中文字幕v亚洲ⅴv天堂| 亚洲成人免费在线视频| 97在线视频一区| 色与欲影视天天看综合网| 亚洲九九九在线观看| 伊人伊成久久人综合网小说| 欧美性理论片在线观看片免费| 久久久女人电视剧免费播放下载| 欧美精品免费播放| 亚洲区一区二区| 97超级碰碰人国产在线观看| 亚洲日韩欧美视频| 一区二区亚洲欧洲国产日韩| 高清在线视频日韩欧美| 亚洲精品狠狠操| 欧美黑人国产人伦爽爽爽| 欧美精品在线视频观看| 中文字幕精品av| 国产欧美欧洲在线观看| 欧美视频在线视频| 欧美大尺度在线观看| 日韩高清有码在线| 欧美在线视频a| 精品久久久久久亚洲国产300| 久久精品国产久精国产一老狼| 伊人久久五月天| 久久国产精品偷| 另类视频在线观看| 久久精品这里热有精品| 欧美激情xxxx| 国产精品视频yy9099| 亚洲一区二区三区视频播放| 国产日韩综合一区二区性色av| 欧美精品一区在线播放| 成人女保姆的销魂服务| 日韩一区在线视频| 午夜精品久久久久久久99热| 中文字幕亚洲自拍| 2019中文字幕在线免费观看| 欧美成人午夜免费视在线看片| 色妞一区二区三区| 91精品国产免费久久久久久| 日韩亚洲一区二区| 中文字幕久热精品视频在线| 97久久精品人搡人人玩| 亚洲电影免费观看高清完整版在线| 欧美一区在线直播| 日韩在线观看免费av| 亚洲视屏在线播放| 尤物yw午夜国产精品视频明星| 91av在线看| 狠狠躁夜夜躁人人躁婷婷91| 国产精品主播视频| 日韩欧美大尺度| 久久国产精品久久精品| 欲色天天网综合久久| 国产精品美女www爽爽爽视频| 亚洲人成亚洲人成在线观看| www.亚洲成人| 精品久久久999| 欧美电影在线免费观看网站| 久久精品99久久香蕉国产色戒| 亚洲国产精品人人爽夜夜爽| 国产福利视频一区| 久久久久久久久91| 高跟丝袜一区二区三区| 久久天天躁狠狠躁夜夜躁2014| 超碰日本道色综合久久综合| 亚洲天堂视频在线观看| 国产精品扒开腿做| 久久九九全国免费精品观看| 亲爱的老师9免费观看全集电视剧| 久久久久日韩精品久久久男男| 45www国产精品网站| 国产精品日韩久久久久| 亚洲另类欧美自拍| 国产有码一区二区| 久久精品国产亚洲精品| 日韩中文字幕视频| 欧美理论在线观看| 久热精品在线视频| 成人黄色午夜影院| 欧美天堂在线观看| 国产精品网红福利| 国产精品一区二区三区久久久| 欧洲成人在线观看| 亚洲黄色在线观看| 日韩欧美视频一区二区三区| 久久久久久久影视| 亚洲国产精品va在线| 久久成人国产精品| 一区二区三区四区精品| 日韩欧美第一页| 川上优av一区二区线观看|