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>
login.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>
注意:必須同源
您可能感興趣的文章:
- jquery tab標(biāo)簽頁(yè)的制作
- jQuery EasyUI API 中文文檔 - Tabs標(biāo)簽頁(yè)/選項(xiàng)卡
- jQuery如何獲取同一個(gè)類標(biāo)簽的所有值(默認(rèn)無(wú)法獲取)
- jquery 實(shí)現(xiàn)兩Select 標(biāo)簽項(xiàng)互調(diào)示例代碼
- jQuery 動(dòng)態(tài)云標(biāo)簽插件
- jQuery實(shí)現(xiàn)tab標(biāo)簽自動(dòng)切換的方法
- jQuery實(shí)現(xiàn)當(dāng)前頁(yè)面標(biāo)簽高亮顯示的方法
- jquery實(shí)現(xiàn)標(biāo)簽支持圖文排列帶上下箭頭按鈕的選項(xiàng)卡
- jQuery標(biāo)簽編輯插件Tagit使用指南
- jquery實(shí)現(xiàn)標(biāo)簽上移、下移、置頂
- JQuery中兩個(gè)ul標(biāo)簽的li互相移動(dòng)實(shí)現(xiàn)方法
- jQuery實(shí)現(xiàn)將頁(yè)面上HTML標(biāo)簽換成另外標(biāo)簽的方法
- jQuery實(shí)現(xiàn)模擬marquee標(biāo)簽效果
- jQuery實(shí)現(xiàn)平滑滾動(dòng)的標(biāo)簽分欄切換效果
- JQuery標(biāo)簽頁(yè)效果的兩個(gè)實(shí)例講解(4)
相關(guān)文章
實(shí)例解析jQuery中proxy()函數(shù)的用法
proxy()主要用于在同樣的上下文語(yǔ)境中指向另一個(gè)對(duì)象,下面我們就以實(shí)例解析jQuery中proxy()函數(shù)的用法,需要的朋友可以參考下2016-05-05jquery阻止后續(xù)事件只執(zhí)行第一個(gè)事件
同一個(gè)標(biāo)簽上點(diǎn)擊后有多個(gè)事件,如果只想執(zhí)行第一個(gè)事件而放棄后面的事件該怎么辦呢?event.stopPropagation()可實(shí)現(xiàn)這個(gè)需求2014-07-07jQuery ''行 4954 錯(cuò)誤: 不支持該屬性或方法'' 的問(wèn)題解決方法
這個(gè)問(wèn)題只在IE下出現(xiàn)。詭異的是,對(duì)于出現(xiàn)這個(gè)問(wèn)題的頁(yè)面,重新刷新一下就又好了,Ajax 工作一切正常。順便說(shuō)一下,我的 jQuery 版本是 1.4.2。2011-01-01JQuery中屬性過(guò)濾選擇器用法實(shí)例分析
這篇文章主要介紹了JQuery中屬性過(guò)濾選擇器用法,實(shí)例分析了jQuery屬性過(guò)濾選擇器的相關(guān)使用技巧,需要的朋友可以參考下2015-05-05jquery ajax 登錄驗(yàn)證實(shí)現(xiàn)代碼
ajax 登錄驗(yàn)證實(shí)現(xiàn)代碼,這里用到了jquery,當(dāng)然如果不想用,可以參考腳本之前發(fā)布的文章。2009-09-09基于jquery實(shí)現(xiàn)三級(jí)下拉菜單
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)三級(jí)下拉菜單的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05jquery操作復(fù)選框(checkbox)的12個(gè)小技巧總結(jié)
本篇文章主要是對(duì)jquery操作復(fù)選框(checkbox)的12個(gè)小技巧進(jìn)行了總結(jié)介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02