Jquery方式获取iframe页面中的 Dom元素
更新时间：2014年05月07日 09:57:57 作者：
这篇文章主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下
测试页面代码：
<html>
<head>
<title>jquery方式，访问iframe页面dom元素</title>
<meta name="Author" content="孙勤波">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script>
<script type="text/javascript">
function getIframeDom(){
// 获取iframe的test元素
var test = $("#frame_1").contents().find("#test");
alert(test.html())
}
</script>
</head>
<body>
<iframe src="file:///C:/Users/SUN/AppData/Local/Temp/non9C34.htm" id="frame_1"></iframe>
<br />
<a href="javascript:getIframeDom();">获取iframe 页面test元素内容</a>
</body>
</html>
test.html 页面代码
<html>
<head>
<title>iframe页面a.html</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<div id="test">我是测试页面test</div>
</body>
</html>
点击测试按钮效果：
复制代码 代码如下:
<html>
<head>
<title>jquery方式，访问iframe页面dom元素</title>
<meta name="Author" content="孙勤波">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script>
<script type="text/javascript">
function getIframeDom(){
// 获取iframe的test元素
var test = $("#frame_1").contents().find("#test");
alert(test.html())
}
</script>
</head>
<body>
<iframe src="file:///C:/Users/SUN/AppData/Local/Temp/non9C34.htm" id="frame_1"></iframe>
<br />
<a href="javascript:getIframeDom();">获取iframe 页面test元素内容</a>
</body>
</html>
test.html 页面代码
复制代码 代码如下:
<html>
<head>
<title>iframe页面a.html</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<div id="test">我是测试页面test</div>
</body>
</html>
点击测试按钮效果：
相关文章
单选按钮以及复选按钮的使用情况还是蛮多的,多选按钮使用toggleClass()方法就可以实现，下面小编给大家介绍单选按钮的实现，感兴趣的朋友一起看下吧2016-06-06
很久没写文章了，这段时间一直在做类似鲜果的一个应用和数据采集，还有就是对企业和个人成长的思考。2010-04-04
Slides – 是一个简单的，容易定制和风格化，的jQuery幻灯片插件。Slides提供褪色或幻灯片过渡效果，图像淡入淡出，图像预压，自动生成分页，循环，自动播放的自定义等很多选项。用Slides插件，你可以随机播放幻灯片，设定那一套您想要开始幻灯片。2015-04-04
这篇文章主要介绍了利用jQuery轻松实现单选功能的相关资料,需要的朋友可以参考下2023-11-11
银行卡号格式验证如何错误将提示：格式错误，应该是19位数字，利用正则实现，感兴趣的朋友可以了解下，希望本文对你学习正则有所帮助2013-01-01
jQuery 在现在的Web开发项目中扮演着重要角色，jQuery 让网站有更好的可用性和用户体验，让访问者对网站留下非常好的印象2012-03-03
本文将结合实例使用jquery背景动画插件，将数字作为背景图片，定时让背景图片滚动起来，从而实现了滚动数字的效果，感兴趣的小伙伴们可以参考一下2015-11-11
随着Jquery1.4的发布，Jquery运用越来越多了，让我们来实现以前经常用到的DropDownList无刷新联动。2010-03-03
jQuery 1.9.1源码分析系列（十）事件系统之绑定事件
这篇文章主要介绍了jQuery 1.9.1源码分析系列（十） 事件系统——绑定事件的相关资料,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了jquery超简单实现手风琴效果的方法,只需要几行代码即可实现手风琴效果的样式变换功能,需要的朋友可以参考下2015-06-06
最新评论