jquery 查找iframe父級(jí)頁面元素的實(shí)現(xiàn)代碼
更新時(shí)間：2011年08月28日 17:37:24 作者：
jquery 查找iframe父級(jí)頁面元素的實(shí)現(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
用于動(dòng)態(tài)創(chuàng)建DOM元素的HTML標(biāo)記字符串
ownerDocument (可選) Document
創(chuàng)建DOM元素所在的文檔
還是要多看，細(xì)看文檔啊，真是所謂：書讀百遍，其義自見??！
------補(bǔ)記--------------------------
在測試時(shí)，發(fā)現(xiàn)chrome如何也不能實(shí)現(xiàn)上述要求，后來看到網(wǎng)上有人指出iframe不能跨域，這是問題之一，另一個(gè)原因是要放到一個(gè)站點(diǎn)中去測試
如：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
用于動(dòng)態(tài)創(chuàng)建DOM元素的HTML標(biāo)記字符串
ownerDocument (可選) Document
創(chuàng)建DOM元素所在的文檔
還是要多看，細(xì)看文檔啊，真是所謂：書讀百遍，其義自見??！
------補(bǔ)記--------------------------
在測試時(shí)，發(fā)現(xiàn)chrome如何也不能實(shí)現(xiàn)上述要求，后來看到網(wǎng)上有人指出iframe不能跨域，這是問題之一，另一個(gè)原因是要放到一個(gè)站點(diǎn)中去測試
如：http://localhost:8087/test.html
這樣chrome也就表現(xiàn)正常了
您可能感興趣的文章:
- jQuery 判斷頁面元素是否存在的代碼
- JQuery顯示隱藏頁面元素的方法總結(jié)
- jQuery獲得頁面元素的絕對(duì)/相對(duì)位置即絕對(duì)X,Y坐標(biāo)
- JQuery 簡便實(shí)現(xiàn)頁面元素?cái)?shù)據(jù)驗(yàn)證功能
- jQuery獲取頁面元素絕對(duì)與相對(duì)位置的方法
- jquery獲得頁面元素的坐標(biāo)值實(shí)現(xiàn)思路及代碼
- jQuery頁面元素動(dòng)態(tài)添加后綁定事件丟失方法,非 live
- jQuery實(shí)現(xiàn)動(dòng)態(tài)控制頁面元素的方法分析
- jQuery使用之處理頁面元素用法實(shí)例
- jQuery實(shí)現(xiàn)鎖定頁面元素(表格列)
相關(guān)文章
基于jQuery滑動(dòng)桿實(shí)現(xiàn)購買日期選擇效果
這是一款基于jQuery的滑動(dòng)桿購買日期選擇插件，它的外觀仿的是阿里云的服務(wù)器購買日期選擇界面。這款jQuery插件非常適合在一些虛擬產(chǎn)品購買頁面上使用，它可以幫助你的用戶快速選擇產(chǎn)品的購買日期，感興趣的朋友跟著小編學(xué)習(xí)吧2015-09-09
這篇文章主要介紹了jQuery中parent()方法用法,實(shí)例分析了parent()方法的功能、定義及取得緊鄰父元素的使用技巧,需要的朋友可以參考下2015-01-01
基于jQuery實(shí)現(xiàn)火焰燈效果導(dǎo)航菜單
這篇文章主要介紹了jQuery實(shí)現(xiàn)火焰燈效果導(dǎo)航菜單的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
利用jquery如何從json中讀取數(shù)據(jù)追加到html中
這篇文章主要給大家介紹了關(guān)于利用jquery如何從json中讀取數(shù)據(jù)追加到html中的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編一起來看看吧。2017-12-12
基于jquery的內(nèi)容循環(huán)滾動(dòng)小模塊（仿新浪微博未登錄首頁滾動(dòng)微博顯示）
新浪微博未登錄首頁有一個(gè)“大家正在說”的模塊，動(dòng)態(tài)滾動(dòng)最新發(fā)布的微博。2011-03-03
jquery uploadify隱藏上傳進(jìn)度的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨query uploadify隱藏上傳進(jìn)度的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
jQuery晃動(dòng)層特效實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery晃動(dòng)層特效實(shí)現(xiàn)方法,實(shí)例分析了animate方法與css樣式的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
利用imgareaselect輔助后臺(tái)實(shí)現(xiàn)圖片上傳裁剪
這篇文章主要為大家詳細(xì)介紹了利用imgareaselect輔助后臺(tái)實(shí)現(xiàn)圖片裁剪的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
jQuery Selectors(選擇器)的使用(四-五、內(nèi)容篇&可見性篇)
本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法，我將以實(shí)例方式進(jìn)行講述，以簡單，全面為基礎(chǔ)，不會(huì)涉及很深，我的學(xué)習(xí)方法：先入門，后進(jìn)階！2009-12-12
jquery ui dialog里調(diào)用datepicker的問題
一個(gè)項(xiàng)目中使用了在dialog中做查詢條件的表單,其中用到了日期作為查詢條件，使用datepicker時(shí)總被dialog遮擋住2009-08-08