快捷導(dǎo)航

jquery 查找iframe父級(jí)頁(yè)面元素的實(shí)現(xiàn)代碼

更新時(shí)間：2011年08月28日 17:37:24 作者：

jquery 查找iframe父級(jí)頁(yè)面元素的實(shí)現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。

父頁(yè)面代碼

 
<!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>無(wú)標(biāo)題文檔</title> 
</head> 
<body> 
<div style="height:300px; background-color:#CC9900"></div> 
<div> 
<iframe src="test_iframe.html"></iframe> 
</div> 
</body> 
</html> 

iframe頁(yè)面代碼

復(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>無(wú)標(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ì)看文檔啊，真是所謂：書(shū)讀百遍，其義自見(jiàn)啊！

------補(bǔ)記--------------------------

在測(cè)試時(shí)，發(fā)現(xiàn)chrome如何也不能實(shí)現(xiàn)上述要求，后來(lái)看到網(wǎng)上有人指出iframe不能跨域，這是問(wèn)題之一，另一個(gè)原因是要放到一個(gè)站點(diǎn)中去測(cè)試

如：http://localhost:8087/test.html

這樣chrome也就表現(xiàn)正常了

您可能感興趣的文章:

相關(guān)文章

使用 jQuery.ajax 上傳帶文件的表單遇到的問(wèn)題
使用 jQuery 上傳帶文件的表單時(shí)，會(huì)遇到一些小問(wèn)題。今天小編抽時(shí)間給大家介紹使用 jQuery.ajax 上傳帶文件的表單遇到的問(wèn)題，感興趣的朋友一起看看吧
2016-10-10
基于JQuery和DWR實(shí)現(xiàn)異步數(shù)據(jù)傳遞
這篇文章主要介紹了基于JQuery和DWR實(shí)現(xiàn)異步數(shù)據(jù)傳遞,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-10-10
用jquery等比例控制圖片寬高的具體實(shí)現(xiàn)
控制圖片寬高的方法有很多，下面為大家介紹下使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以學(xué)習(xí)下
2014-01-01
JQuery異步加載無(wú)限下拉框級(jí)聯(lián)功能實(shí)現(xiàn)示例
這篇文章主要介紹了JQuery異步加載無(wú)限下拉框級(jí)聯(lián)功能的實(shí)現(xiàn),需要的朋友可以參考下
2014-02-02
jquery實(shí)現(xiàn)戶籍地選擇下拉框
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)戶籍地選擇下拉框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06
用簡(jiǎn)潔的jQuery方法toggleClass實(shí)現(xiàn)隔行換色
這篇文章主要介紹了用簡(jiǎn)潔的jQuery方法toggleClass實(shí)現(xiàn)隔行換色，很簡(jiǎn)單，但很實(shí)用，需要的朋友可以看看
2014-10-10
基于jQuery實(shí)現(xiàn)動(dòng)態(tài)數(shù)字展示效果
Jq數(shù)據(jù)列表動(dòng)態(tài)效果，動(dòng)態(tài)更新，支持Ajax動(dòng)態(tài)刷新。下面小編給大家介紹下基于jQuery實(shí)現(xiàn)動(dòng)態(tài)數(shù)字展示效果，需要的朋友可以參考下
2015-08-08
基于jquery的文章中所有圖片width大小批量設(shè)置方法
怎么設(shè)置文章中所有圖片width大小批量設(shè)置方法？這在實(shí)際應(yīng)用中很常見(jiàn)，下面有一段示例，希望對(duì)大家有所幫助
2013-08-08
jQuery層次選擇器用法示例
這篇文章主要介紹了jQuery層次選擇器用法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素層級(jí)操作的層次選擇器使用技巧,需要的朋友可以參考下
2016-09-09
JQuery 選項(xiàng)卡效果(JS與HTML的分離)
基于JQuery實(shí)現(xiàn)的一個(gè)選項(xiàng)卡效果，重點(diǎn)體現(xiàn)在HTML里沒(méi)有內(nèi)聯(lián)事件處理程序，而是定義在js文件里，做到行為與結(jié)構(gòu)的分離。
2010-04-04