jquery获得同源iframe内<body>下标签的值

最新推荐文章于 2022-07-10 11:41:54 发布

JIANDANQINXINILOVEYO

最新推荐文章于 2022-07-10 11:41:54 发布

阅读量189

点赞数

分类专栏： javascript jquery html相关 js 文章标签： jquery iframe 同源跨域 ViewUI

本文链接：https://blog.csdn.net/JIANDANQINXINILOVEYO/article/details/84267988

版权

html相关同时被 3 个专栏收录

5 篇文章 1 订阅

订阅专栏

javascript

3 篇文章 0 订阅

订阅专栏

jquery

2 篇文章 0 订阅

订阅专栏

废话不说，直接上例子：

test.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>

<!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>

注意：必须同源

JIANDANQINXINILOVEYO

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery获得同源iframe内<body>下标签的值

废话不说，直接上例子： test.html&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;title&gt;jquery&lt;/title&gt;
复制链接

扫一扫