jquery 查找iframe父級頁面元素的實現(xiàn)代碼
更新時間：2011年08月28日 17:37:24 作者：
jquery 查找iframe父級頁面元素的實現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。
父頁面代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
</head>
<body>
<div style="height:300px; background-color:#CC9900"></div>
<div>
<iframe src="test_iframe.html"></iframe>
</div>
</body>
</html>
iframe頁面代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$("body",parent.document).append('hahaha');
</script>
</head>
<body>
iframe test--@mybest
</body>
</html>
在jQuery的文檔上有這樣的記錄：
jQuery(html, [ownerDocument])
參數(shù)
html String
用于動態(tài)創(chuàng)建DOM元素的HTML標(biāo)記字符串
ownerDocument (可選) Document
創(chuàng)建DOM元素所在的文檔
還是要多看，細看文檔啊，真是所謂：書讀百遍，其義自見啊！
------補記--------------------------
在測試時，發(fā)現(xiàn)chrome如何也不能實現(xiàn)上述要求，后來看到網(wǎng)上有人指出iframe不能跨域，這是問題之一，另一個原因是要放到一個站點中去測試
如：http://localhost:8087/test.html
這樣chrome也就表現(xiàn)正常了
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
</head>
<body>
<div style="height:300px; background-color:#CC9900"></div>
<div>
<iframe src="test_iframe.html"></iframe>
</div>
</body>
</html>
iframe頁面代碼
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$("body",parent.document).append('hahaha');
</script>
</head>
<body>
iframe test--@mybest
</body>
</html>
在jQuery的文檔上有這樣的記錄：
jQuery(html, [ownerDocument])
參數(shù)
html String
用于動態(tài)創(chuàng)建DOM元素的HTML標(biāo)記字符串
ownerDocument (可選) Document
創(chuàng)建DOM元素所在的文檔
還是要多看，細看文檔啊，真是所謂：書讀百遍，其義自見啊！
------補記--------------------------
在測試時，發(fā)現(xiàn)chrome如何也不能實現(xiàn)上述要求，后來看到網(wǎng)上有人指出iframe不能跨域，這是問題之一，另一個原因是要放到一個站點中去測試
如：http://localhost:8087/test.html
這樣chrome也就表現(xiàn)正常了
相關(guān)文章
使用 jQuery 上傳帶文件的表單時，會遇到一些小問題。今天小編抽時間給大家介紹使用 jQuery.ajax 上傳帶文件的表單遇到的問題，感興趣的朋友一起看看吧2016-10-10
基于JQuery和DWR實現(xiàn)異步數(shù)據(jù)傳遞
這篇文章主要介紹了基于JQuery和DWR實現(xiàn)異步數(shù)據(jù)傳遞,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-10-10
控制圖片寬高的方法有很多，下面為大家介紹下使用jquery是如何實現(xiàn)的，感興趣的朋友可以學(xué)習(xí)下2014-01-01
JQuery異步加載無限下拉框級聯(lián)功能實現(xiàn)示例
這篇文章主要介紹了JQuery異步加載無限下拉框級聯(lián)功能的實現(xiàn),需要的朋友可以參考下2014-02-02
這篇文章主要為大家詳細介紹了jquery實現(xiàn)戶籍地選擇下拉框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
用簡潔的jQuery方法toggleClass實現(xiàn)隔行換色
這篇文章主要介紹了用簡潔的jQuery方法toggleClass實現(xiàn)隔行換色，很簡單，但很實用，需要的朋友可以看看2014-10-10
基于jQuery實現(xiàn)動態(tài)數(shù)字展示效果
Jq數(shù)據(jù)列表動態(tài)效果，動態(tài)更新，支持Ajax動態(tài)刷新。下面小編給大家介紹下基于jQuery實現(xiàn)動態(tài)數(shù)字展示效果，需要的朋友可以參考下2015-08-08
基于jquery的文章中所有圖片width大小批量設(shè)置方法
怎么設(shè)置文章中所有圖片width大小批量設(shè)置方法？這在實際應(yīng)用中很常見，下面有一段示例，希望對大家有所幫助2013-08-08
這篇文章主要介紹了jQuery層次選擇器用法,結(jié)合實例形式分析了jQuery針對頁面元素層級操作的層次選擇器使用技巧,需要的朋友可以參考下2016-09-09
基于JQuery實現(xiàn)的一個選項卡效果，重點體現(xiàn)在HTML里沒有內(nèi)聯(lián)事件處理程序，而是定義在js文件里，做到行為與結(jié)構(gòu)的分離。2010-04-04