基于jQuery实现点击同时更改两个iframe的网址


Posted in Javascript onJuly 01, 2010

个人推荐用jQuery实现,代码简洁,扩展性强.
jQuery部分:

function gotourl(url_a, url_b) 
{ 
$('#ifr_a').get(0).src = url_a; 
$('#ifr_b').get(0).src = url_b; 
}

html调用:

<a href="javascript:void(0)" onClick="gotourl('http://g.cn/','http://baidu.com');">点我下面两个iframe内容都会变</a>
<iframe src="http://3water.com/" id="ifr_a" name="ifr_a" frameborder="0"></iframe>
<iframe src="http://s.3water.com/" id="ifr_b" name="ifr_b" frameborder="0"></iframe>
通过js判断iframe的id,然后给不同id赋不同的src值也可以实现,但代码相对复杂一点. 

原文发布于Mr.Think的个人博客: http://mrthink.net/javascript-jquery-twourl-twoifram/

Javascript 相关文章推荐
chrome下jq width()方法取值为0的解决方法
May 26 Javascript
jquery的clone方法应用于textarea和select的bug修复
Jun 26 Javascript
javascipt:filter过滤介绍及使用
Sep 10 Javascript
jQuery插件实现静态HTML验证码校验
Nov 06 Javascript
详解Javascript继承的实现
Mar 25 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
Nov 25 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 Javascript
react实现一个优雅的图片占位模块组件详解
Oct 30 Javascript
JavaScript的setter与getter方法
Nov 29 Javascript
elementUI select组件value值注意事项详解
May 29 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
Sep 03 Javascript
微信小程序实现比较功能的方法汇总(五种方法)
Mar 07 Javascript
jQuery ajax cache缓存问题
Jul 01 #Javascript
javascript 实用的文字链提示框效果
Jun 30 #Javascript
一个简单的js鼠标划过切换效果
Jun 30 #Javascript
jQuery 通过事件委派一次绑定多种事件,以减少事件冗余
Jun 30 #Javascript
Jquery AJAX 用于计算点击率(统计)
Jun 30 #Javascript
基于jquery的图片懒加载js
Jun 30 #Javascript
CSS和Javascript简单复习资料
Jun 29 #Javascript
You might like
十天学会php之第六天
2006/10/09 PHP
php基础教程 php内置函数实例教程
2012/08/21 PHP
php实现Linux服务器木马排查及加固功能
2014/12/29 PHP
PHP上传文件及图片到七牛的方法
2018/07/25 PHP
js判断变量是否空值的代码
2008/10/26 Javascript
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
Javascript base64编码实现代码
2011/12/02 Javascript
ajax上传时参数提交不更新等相关问题
2012/12/11 Javascript
JS复制到剪贴板示例代码
2013/10/30 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
2016/03/05 Javascript
JS获取url参数、主域名的方法实例分析
2016/08/03 Javascript
微信小程序支付及退款流程详解
2017/11/30 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
详解在HTTPS 项目中使用百度地图 API
2019/04/26 Javascript
Moment.js实现多个同时倒计时
2019/08/26 Javascript
解决layer.open后laydate失效的问题
2019/09/06 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
2020/12/14 Vue.js
JS addEventListener()和attachEvent()方法实现注册事件
2021/01/11 Javascript
[01:01:41]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第二场 1月31日
2021/03/11 DOTA
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
python删除列表中重复记录的方法
2015/04/28 Python
用Python将IP地址在整型和字符串之间轻松转换
2017/03/22 Python
Python3 处理JSON的实例详解
2017/10/29 Python
安装PyInstaller失败问题解决
2019/12/14 Python
python文件及目录操作代码汇总
2020/07/08 Python
html5文本内容_动力节点Java学院整理
2017/07/11 HTML / CSS
英国领先的高街书籍专家:Waterstones
2018/02/01 全球购物
英国时尚泳装品牌:Maru Swimwear
2019/10/06 全球购物
自1926年以来就为冰岛保持温暖:66°North
2020/11/27 全球购物
求职自荐信格式
2013/12/04 职场文书
人事局接收函
2015/01/31 职场文书
史上最全书信经典范文大全(建议收藏)
2019/07/10 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
MySQL中的引号和反引号的区别与用法详解
2021/10/24 MySQL
Redis高并发防止秒杀超卖实战源码解决方案
2021/11/01 Redis
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android