jquery 获取iframe当中的元素

最新推荐文章于 2022-05-16 17:19:33 发布

Rascal_Wei

最新推荐文章于 2022-05-16 17:19:33 发布

阅读量748

点赞数

分类专栏：网站制作-php、html、js、ajax

本文链接：https://blog.csdn.net/weishuxiao1/article/details/38684661

版权

网站制作-php、html、js、ajax 专栏收录该内容

36 篇文章 1 订阅

订阅专栏

页面当中有时包含iframe,为了获取iframe当中的属性，可以使用jquery实现

test1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="./Public/jquery-1.11.1.min.js"></script>
<script src="test.js"></script>

<title>页面首页</title>
</head>
<body>
	<iframe src="test2.html"  height="500px" width="500px" name="tt" id="tt"></iframe>
</body>
</html>

test2.html

<body>
	<div id="bb">i am test2.html</div>
</body>

jquery test.js

$(document).ready(function() {
	$(function(){
	    $("#tt").on("load",function(){
	        //iframe 加载完成，需要执行的代码
	    	var content = $(document.getElementById('tt').contentWindow.document.body).find('bb');
	    	alert(content);
	    });
	});
});