jquery獲得同源iframe內(nèi)body下標(biāo)簽的值的方法

更新時(shí)間：2014年09月25日 17:35:29 投稿：whsnow

這篇文章主要介紹了jquery獲得同源iframe內(nèi)body下標(biāo)簽的值的方法,很簡(jiǎn)單，很實(shí)用，需要的朋友可以參考下

test.html

Html代碼

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jquery</title> 
<style type="text/css"> 
</style> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function (){ 
$("#show").click(function (){ 
var iframeObj = $(window.frames["iframe_name"].document); 
alert(iframeObj.find("#un").val()); 

}); 

}); 
</script> 
</head> 
<body> 
<input type="button" id="show" value="show" /> 
<iframe id="iframe_id" name="iframe_name" src="http://localhost/test/login.html"></iframe> 
</body> 
</html>

Html代碼

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>登錄頁(yè)面</title> 
</head> 
<body> 
<form method="POST" action="#"> 
用戶名：<input id="un" type="text" name="username" value="123d" /> 
密 碼：<input type="text" name="password"/> 
<input type="submit" value="提交"> 
</form> 
</body> 
</html>

注意：必須同源

您可能感興趣的文章:

相關(guān)文章

jQuery基本篩選選擇器實(shí)例代碼
這篇文章主要為大家詳細(xì)介紹了jQuery基本篩選選擇器實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery照片伸縮效果不影響其他元素的布局
jQuery照片伸縮效果，不是單純的圖片放大縮小，不影響其他元素的布局,需要的朋友可以參考下
2014-05-05
jQuery內(nèi)容過(guò)濾選擇器用法示例
這篇文章主要介紹了jQuery內(nèi)容過(guò)濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery中使用contains、empty、has、parent等進(jìn)行內(nèi)容過(guò)濾的操作技巧,需要的朋友可以參考下
2016-09-09
jquery ui對(duì)話框?qū)嵗a
在網(wǎng)頁(yè)設(shè)計(jì)中，不論是為了減少于由于頁(yè)面跳轉(zhuǎn)而帶來(lái)的不友好用戶體驗(yàn)，還是為了維持桌面應(yīng)用程序的使用習(xí)慣，對(duì)話框的設(shè)計(jì)都是不可或缺的。
2013-05-05
JQuery實(shí)現(xiàn)左右滾動(dòng)菜單特效
這篇文章主要介紹了jquery實(shí)現(xiàn)左右滑動(dòng)菜單效果代碼，涉及jquery鼠標(biāo)事件相關(guān)技巧，具有一定參考借鑒價(jià)值，需要的朋友可以參考下
2015-09-09
詳解jQuery如何實(shí)現(xiàn)模糊搜索
這篇文章主要介紹了jQuery如何實(shí)現(xiàn)模糊搜索，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
jquery tree 可編輯節(jié)點(diǎn)實(shí)現(xiàn)代碼(jquery一句話節(jié)點(diǎn)菜單)
jquery tree 可編輯節(jié)點(diǎn)，實(shí)現(xiàn)的三級(jí)菜單實(shí)現(xiàn)代碼，這里我們將為大家準(zhǔn)備了兩個(gè)。一個(gè)是鋒利的jquery中的一句話導(dǎo)航菜單實(shí)現(xiàn)代碼。非常不錯(cuò)。
2009-11-11
基于jquery的時(shí)間段實(shí)現(xiàn)代碼
基于jquery的時(shí)間段實(shí)現(xiàn)代碼，需要的朋友可以參考下
2012-08-08
jquery實(shí)現(xiàn)html頁(yè)面 div 假分頁(yè)有原理有代碼
大概原理就是填充后div的總高度（1000px）顯示高度（100px）則頁(yè)面總數(shù)為10頁(yè) 。當(dāng)查看第二頁(yè)時(shí)，顯示的div高度為100 - 200之間，以此類推
2014-09-09
jQuery AJAX應(yīng)用實(shí)例總結(jié)
這篇文章主要介紹了jQuery AJAX應(yīng)用,結(jié)合實(shí)例形式總結(jié)分析了jQuery 使用AJAX訪問(wèn)各種格式數(shù)據(jù)相關(guān)應(yīng)用操作實(shí)現(xiàn)技巧,需要的朋友可以參考下
2020-05-05