JQUERY设置IFRAME的SRC值的代码


Posted in Javascript onNovember 30, 2010
$(window.parent.document).find("#Frm_Main").attr("src",url);

使用jquery操作iframe

1 内容里有两个ifame

<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>

leftiframe中jQuery改变mainiframe的src代码:
$("#mainframe",parent.document.body).attr("src","https://3water.com ")

2 如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容

$("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值

2 如上面所示
leftiframe中的jQuery操作mainiframe的内容someID的内容
$("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()

Javascript 相关文章推荐
javascript基础第一章 JavaScript与用户端
Jul 22 Javascript
javascript中的缓动效果实现程序
Dec 29 Javascript
简单方法判断JavaScript对象为null或者属性为空
Sep 26 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
Jun 05 Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 Javascript
JS获取文件大小方法小结
Dec 08 Javascript
jQuery控制frames及frame页面JS的方法
Mar 08 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
Oct 09 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
Nov 21 Javascript
微信小程序 九宫格实例代码
Jan 21 Javascript
详解webpack编译速度提升之DllPlugin
Feb 05 Javascript
详解微信小程序文件下载--视频和图片
Apr 24 Javascript
juqery 学习之四 筛选过滤
Nov 30 #Javascript
juqery 学习之四 筛选查找
Nov 30 #Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
Nov 28 #Javascript
xss文件页面内容读取(解决)
Nov 28 #Javascript
用js来解决ajax读取页面乱码
Nov 28 #Javascript
window.name代替cookie的实现代码
Nov 28 #Javascript
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
Nov 28 #Javascript
You might like
JAVA/JSP学习系列之二
2006/10/09 PHP
第4章 数据处理-php数组的处理-郑阿奇
2011/07/04 PHP
PHP设计模式之单例模式原理与实现方法分析
2018/04/25 PHP
javascript forEach通用循环遍历方法
2010/10/11 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2011/09/13 Javascript
使用js写的一个简易的投票
2013/11/27 Javascript
Extjs中RowExpander控件的默认展开问题示例探讨
2014/01/24 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
2014/09/04 Javascript
微信中一些常用的js方法汇总
2015/03/12 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
利用types增强vscode中js代码提示功能详解
2017/07/07 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
2017/09/01 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
2017/10/25 Javascript
基于input动态模糊查询的实现方法
2017/12/12 Javascript
Vue路由history模式解决404问题的几种方法
2018/09/29 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
python两种遍历字典(dict)的方法比较
2014/05/29 Python
Python Multiprocessing多进程 使用tqdm显示进度条的实现
2019/08/13 Python
ubuntu上安装python的实例方法
2019/09/30 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
html5基础教程常用技巧整理
2013/08/20 HTML / CSS
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
J2EE面试题集锦(附答案)
2013/08/16 面试题
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
平面设计自荐信
2013/10/07 职场文书
高校学生干部的自我评价分享
2013/11/04 职场文书
鲜果饮品店创业计划书
2014/01/21 职场文书
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
求职信模板标准格式范文
2014/02/23 职场文书
班主任班级寄语大全
2014/04/04 职场文书
不服从公司安排检讨书
2014/09/24 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
营销与策划实训报告
2014/11/05 职场文书
如何书写公司员工保密协议?
2019/06/27 职场文书
演讲稿之开卷有益
2019/08/07 职场文书
vue中的可拖拽宽度div的实现示例
2022/04/08 Vue.js