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>
注意:必須同源
您可能感興趣的文章:
- jquery tab標簽頁的制作
- jQuery EasyUI API 中文文檔 - Tabs標簽頁/選項卡
- jQuery如何獲取同一個類標簽的所有值(默認無法獲取)
- jquery 實現(xiàn)兩Select 標簽項互調(diào)示例代碼
- jQuery 動態(tài)云標簽插件
- jQuery實現(xiàn)tab標簽自動切換的方法
- jQuery實現(xiàn)當前頁面標簽高亮顯示的方法
- jquery實現(xiàn)標簽支持圖文排列帶上下箭頭按鈕的選項卡
- jQuery標簽編輯插件Tagit使用指南
- jquery實現(xiàn)標簽上移、下移、置頂
- JQuery中兩個ul標簽的li互相移動實現(xiàn)方法
- jQuery實現(xiàn)將頁面上HTML標簽換成另外標簽的方法
- jQuery實現(xiàn)模擬marquee標簽效果
- jQuery實現(xiàn)平滑滾動的標簽分欄切換效果
- JQuery標簽頁效果的兩個實例講解(4)
相關文章
jQuery ''行 4954 錯誤: 不支持該屬性或方法'' 的問題解決方法
這個問題只在IE下出現(xiàn)。詭異的是,對于出現(xiàn)這個問題的頁面,重新刷新一下就又好了,Ajax 工作一切正常。順便說一下,我的 jQuery 版本是 1.4.2。2011-01-01jquery操作復選框(checkbox)的12個小技巧總結(jié)
本篇文章主要是對jquery操作復選框(checkbox)的12個小技巧進行了總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02