Jquery方式獲取iframe頁面中的 Dom元素
更新時(shí)間：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>
點(diǎn)擊測試按鈕效果：
復(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>
點(diǎn)擊測試按鈕效果：
相關(guān)文章
這篇文章主要介紹的是自己使用jquery寫的一個(gè)無縫滾動的插件，個(gè)人感覺還不錯(cuò),需要的朋友可以參考下2014-04-04
.filter()方法可以接受一個(gè)函數(shù)作為參數(shù)，然后根據(jù)函數(shù)的返回值判斷，這就是jquery選擇器的過濾器，下面有個(gè)不錯(cuò)的示例，大家可以參考下2013-09-09
jQuery+CSS實(shí)現(xiàn)的table表格行列轉(zhuǎn)置功能示例
這篇文章主要介紹了jQuery+CSS實(shí)現(xiàn)的table表格行列轉(zhuǎn)置功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-01-01
基于Jquery的淡入淡出的特效基礎(chǔ)練習(xí)實(shí)現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。2010-12-12
這篇文章主要介紹了jQuery中:password選擇器用法,實(shí)例分析了:password選擇器的功能、定義與匹配密碼框的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)Table分頁效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)樹形員工信息表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
jValidate 基于jQuery的表單驗(yàn)證插件
網(wǎng)上基于jQuery的表單驗(yàn)證插件已有很多，但是這個(gè)輪子我還是繼續(xù)做一個(gè)，因?yàn)檫@個(gè)表單驗(yàn)證插件是從我以前的個(gè)人JS框架移值過來的（我已慢慢投入jQuery的懷抱），并且它的驗(yàn)證規(guī)則書寫方式也許會讓你眼前一亮。2009-12-12
jQuery源碼分析-03構(gòu)造jQuery對象-工具函數(shù)
jQuery源碼分析-03構(gòu)造jQuery對象-工具函數(shù)，需要的朋友可以參考下。2011-11-11
客戶端的抖動,快速操作,網(wǎng)絡(luò)通信或者服務(wù)器響應(yīng)慢,都容易造成服務(wù)器重復(fù)處理,這篇文章主要給大家介紹了關(guān)于jquery項(xiàng)目中如何防重復(fù)提交的相關(guān)資料,需要的朋友可以參考下2021-11-11