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