快捷導(dǎo)航

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

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

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

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>

login.html

Html代碼

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