jquery获得同源iframe内body下标签的值的方法
test.html
Html代码
<!DOCTYPEHTML> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>jquery</title> <styletype="text/css"> </style> <scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <scripttype="text/javascript"> $(document).ready(function(){ $("#show").click(function(){ variframeObj=$(window.frames["iframe_name"].document); alert(iframeObj.find("#un").val()); }); }); </script> </head> <body> <inputtype="button"id="show"value="show"/> <iframeid="iframe_id"name="iframe_name"src="http://localhost/test/login.html"></iframe> </body> </html>
login.html
Html代码
<!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <title>登录页面</title> </head> <body> <formmethod="POST"action="#"> 用户名:<inputid="un"type="text"name="username"value="123d"/> 密码:<inputtype="text"name="password"/> <inputtype="submit"value="提交"> </form> </body> </html>
注意:必须同源