Jquery方式获取iframe页面中的 Dom元素


Posted in Javascript onMay 07, 2014

测试页面代码:

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

点击测试按钮效果:
Jquery方式获取iframe页面中的 Dom元素
Javascript 相关文章推荐
jquery 中多条件选择器,相对选择器,层次选择器的区别
Jul 03 Javascript
高性能JavaScript DOM编程(1)
Aug 11 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
Aug 23 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
May 18 Javascript
AngularJS实现表单验证功能
Jan 09 Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 Javascript
简单实现js悬浮导航效果
Feb 05 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
js获取指定时间的前几秒
Apr 05 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
HTML页面弹出居中可拖拽的自定义窗口层
May 07 #Javascript
js获取select默认选中的Option并不是当前选中值
May 07 #Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 #Javascript
jquery文本框中的事件应用以输入邮箱为例
May 06 #Javascript
jquery删除数据记录时的弹出提示效果
May 06 #Javascript
js单词形式的运算符
May 06 #Javascript
js函数调用的方式
May 06 #Javascript
You might like
smarty中英文多编码字符截取乱码问题解决方法
2014/10/28 PHP
php生成二维码
2015/08/10 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
编辑浪子版表单验证类
2007/05/12 Javascript
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
2008/10/29 Javascript
jQuery 使用手册(四)
2009/09/23 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
js改变文章字体大小的实例代码
2013/11/27 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
jQuery中$.each()函数的用法引申实例
2016/05/12 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
原生js实现淘宝放大镜效果
2020/10/28 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
vue 解除鼠标的监听事件的方法
2019/11/13 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
Python中Random和Math模块学习笔记
2015/05/18 Python
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
python实现图片批量压缩程序
2018/07/23 Python
python如何获取当前文件夹下所有文件名详解
2019/01/25 Python
通过python3实现投票功能代码实例
2019/09/26 Python
在python3中使用shuffle函数要注意的地方
2020/02/28 Python
Python os库常用操作代码汇总
2020/11/03 Python
python Zmail模块简介与使用示例
2020/12/19 Python
CSS3制作文字半透明倒影效果的两种实现方式
2014/08/08 HTML / CSS
白兰氏健康Mall:BRAND’S
2017/11/13 全球购物
兼职学生的自我评价
2013/11/24 职场文书
社区娱乐活动方案
2014/08/21 职场文书
公司行政专员岗位职责
2014/08/24 职场文书
职业生涯规划书怎么写?
2014/09/14 职场文书
大连导游词
2015/02/12 职场文书
幼儿园新生开学寄语
2015/05/27 职场文书
反邪教观后感
2015/06/11 职场文书
2016年大学生暑期社会实践方案
2015/11/26 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
Angular CLI发布路径的配置项浅析
2021/03/29 Javascript