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>
注意：必须同源