快捷導(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滑動(dòng)桿實(shí)現(xiàn)購(gòu)買(mǎi)日期選擇效果
這是一款基于jQuery的滑動(dòng)桿購(gòu)買(mǎi)日期選擇插件，它的外觀仿的是阿里云的服務(wù)器購(gòu)買(mǎi)日期選擇界面。這款jQuery插件非常適合在一些虛擬產(chǎn)品購(gòu)買(mǎi)頁(yè)面上使用，它可以幫助你的用戶(hù)快速選擇產(chǎn)品的購(gòu)買(mǎi)日期，感興趣的朋友跟著小編學(xué)習(xí)吧
2015-09-09
jQuery中parent()方法用法實(shí)例
這篇文章主要介紹了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)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編一起來(lái)看看吧。
2017-12-12
基于jquery的內(nèi)容循環(huán)滾動(dòng)小模塊（仿新浪微博未登錄首頁(yè)滾動(dòng)微博顯示）
新浪微博未登錄首頁(yè)有一個(gè)“大家正在說(shuō)”的模塊，動(dòng)態(tài)滾動(dòng)最新發(fā)布的微博。
2011-03-03
jquery uploadify隱藏上傳進(jìn)度的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery uploadify隱藏上傳進(jìn)度的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
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)容篇&可見(jiàn)性篇)
本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法，我將以實(shí)例方式進(jìn)行講述，以簡(jiǎn)單，全面為基礎(chǔ)，不會(huì)涉及很深，我的學(xué)習(xí)方法：先入門(mén)，后進(jìn)階！
2009-12-12
jquery ui dialog里調(diào)用datepicker的問(wèn)題
一個(gè)項(xiàng)目中使用了在dialog中做查詢(xún)條件的表單,其中用到了日期作為查詢(xún)條件，使用datepicker時(shí)總被dialog遮擋住
2009-08-08