Jquery方式獲取iframe頁(yè)面中的 Dom元素
更新時(shí)間：2014年05月07日 09:57:57 作者：
這篇文章主要介紹了Jquery方式如何獲取iframe頁(yè)面中的Dom元素,需要的朋友可以參考下
測(cè)試頁(yè)面代碼：
<html>
<head>
<title>jquery方式，訪問(wèn)iframe頁(yè)面dom元素</title>
<meta name="Author" content="孫勤波">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script>
<script type="text/javascript">
function getIframeDom(){
// 獲取iframe的test元素
var test = $("#frame_1").contents().find("#test");
alert(test.html())
}
</script>
</head>
<body>
<iframe src="file:///C:/Users/SUN/AppData/Local/Temp/non9C34.htm" id="frame_1"></iframe>
<br />
<a href="javascript:getIframeDom();">獲取iframe 頁(yè)面test元素內(nèi)容</a>
</body>
</html>
test.html 頁(yè)面代碼
<html>
<head>
<title>iframe頁(yè)面a.html</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<div id="test">我是測(cè)試頁(yè)面test</div>
</body>
</html>
點(diǎn)擊測(cè)試按鈕效果：
復(fù)制代碼 代碼如下:
<html>
<head>
<title>jquery方式，訪問(wèn)iframe頁(yè)面dom元素</title>
<meta name="Author" content="孫勤波">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script>
<script type="text/javascript">
function getIframeDom(){
// 獲取iframe的test元素
var test = $("#frame_1").contents().find("#test");
alert(test.html())
}
</script>
</head>
<body>
<iframe src="file:///C:/Users/SUN/AppData/Local/Temp/non9C34.htm" id="frame_1"></iframe>
<br />
<a href="javascript:getIframeDom();">獲取iframe 頁(yè)面test元素內(nèi)容</a>
</body>
</html>
test.html 頁(yè)面代碼
復(fù)制代碼 代碼如下:
<html>
<head>
<title>iframe頁(yè)面a.html</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<div id="test">我是測(cè)試頁(yè)面test</div>
</body>
</html>
點(diǎn)擊測(cè)試按鈕效果：
相關(guān)文章
單選按鈕以及復(fù)選按鈕的使用情況還是蠻多的,多選按鈕使用toggleClass()方法就可以實(shí)現(xiàn)，下面小編給大家介紹單選按鈕的實(shí)現(xiàn)，感興趣的朋友一起看下吧2016-06-06
jquery 圖片 上一張 下一張 鏈接效果（續(xù)篇）
很久沒(méi)寫(xiě)文章了，這段時(shí)間一直在做類(lèi)似鮮果的一個(gè)應(yīng)用和數(shù)據(jù)采集，還有就是對(duì)企業(yè)和個(gè)人成長(zhǎng)的思考。2010-04-04
jQuery插件slides實(shí)現(xiàn)無(wú)縫輪播圖特效
Slides – 是一個(gè)簡(jiǎn)單的，容易定制和風(fēng)格化，的jQuery幻燈片插件。Slides提供褪色或幻燈片過(guò)渡效果，圖像淡入淡出，圖像預(yù)壓，自動(dòng)生成分頁(yè)，循環(huán)，自動(dòng)播放的自定義等很多選項(xiàng)。用Slides插件，你可以隨機(jī)播放幻燈片，設(shè)定那一套您想要開(kāi)始幻燈片。2015-04-04
這篇文章主要介紹了利用jQuery輕松實(shí)現(xiàn)單選功能的相關(guān)資料,需要的朋友可以參考下2023-11-11
js jquery驗(yàn)證銀行卡號(hào)信息正則學(xué)習(xí)
銀行卡號(hào)格式驗(yàn)證如何錯(cuò)誤將提示：格式錯(cuò)誤，應(yīng)該是19位數(shù)字，利用正則實(shí)現(xiàn)，感興趣的朋友可以了解下，希望本文對(duì)你學(xué)習(xí)正則有所幫助2013-01-01
jQuery 在現(xiàn)在的Web開(kāi)發(fā)項(xiàng)目中扮演著重要角色，jQuery 讓網(wǎng)站有更好的可用性和用戶(hù)體驗(yàn)，讓訪問(wèn)者對(duì)網(wǎng)站留下非常好的印象2012-03-03
jquery+php實(shí)現(xiàn)滾動(dòng)的數(shù)字特效
本文將結(jié)合實(shí)例使用jquery背景動(dòng)畫(huà)插件，將數(shù)字作為背景圖片，定時(shí)讓背景圖片滾動(dòng)起來(lái)，從而實(shí)現(xiàn)了滾動(dòng)數(shù)字的效果，感興趣的小伙伴們可以參考一下2015-11-11
Jquery實(shí)現(xiàn)無(wú)刷新DropDownList聯(lián)動(dòng)實(shí)現(xiàn)代碼
隨著Jquery1.4的發(fā)布，Jquery運(yùn)用越來(lái)越多了，讓我們來(lái)實(shí)現(xiàn)以前經(jīng)常用到的DropDownList無(wú)刷新聯(lián)動(dòng)。2010-03-03
jQuery 1.9.1源碼分析系列（十）事件系統(tǒng)之綁定事件
這篇文章主要介紹了jQuery 1.9.1源碼分析系列（十） 事件系統(tǒng)——綁定事件的相關(guān)資料,需要的朋友可以參考下2015-11-11
jquery超簡(jiǎn)單實(shí)現(xiàn)手風(fēng)琴效果的方法
這篇文章主要介紹了jquery超簡(jiǎn)單實(shí)現(xiàn)手風(fēng)琴效果的方法,只需要幾行代碼即可實(shí)現(xiàn)手風(fēng)琴效果的樣式變換功能,需要的朋友可以參考下2015-06-06