jquery获得同源iframe内body下标签的值的方法

2024-05-06 16:09:15

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了jquery获得同源iframe内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" value="show" /> <iframe src="http://localhost/test/login.html"></iframe> </body> </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 type="text" value="123d" /> 密码：<input type="text"/> <input type="submit" value="提交"> </form> </body> </html>

注意：必须同源

上一篇：jquery 实现两Select 标签项互调示例代码

下一篇：javascript中bind函数的作用实例介绍