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