基于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 相关文章推荐
google 搜索框添加关键字实现代码
Apr 24 Javascript
基于mootools 1.3框架下的图片滑动效果代码
Apr 22 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
javascript运动详解
Jul 06 Javascript
jQuery简单实现两级下拉菜单效果代码
Sep 15 Javascript
实例详解jQuery表单验证插件validate
Jan 18 Javascript
jquery实现右侧栏菜单选择操作
Mar 04 Javascript
微信小程序模板之分页滑动栏
Feb 10 Javascript
JavaScript中document.referrer的用法详解
Jul 04 Javascript
详解Node.js利用node-git-server快速搭建git服务器
Sep 27 Javascript
微信小程序自定义弹窗实现详解(可通用)
Jul 04 Javascript
Vue根据条件添加click事件的方式
Nov 09 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 Hash算法:Times33算法代码实例
2015/05/13 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
优秀js开源框架-jQuery使用手册(1)
2007/03/10 Javascript
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
在IE上直接编辑网页内容的js代码(IE地址栏js)
2009/04/27 Javascript
两种简单实现菜单高亮显示的JS类代码
2010/06/27 Javascript
javascript页面渲染速度测试脚本分享
2014/04/15 Javascript
深入浅析Vue中的slots/scoped slots
2018/04/03 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
ES6知识点整理之Proxy的应用实例详解
2019/04/16 Javascript
vue下载excel的实现代码后台用post方法
2019/05/10 Javascript
微信小程序日历插件代码实例
2019/12/04 Javascript
详解JavaScript之ES5的继承
2020/07/08 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
基于postman获取动态数据过程详解
2020/09/08 Javascript
解决vue scoped html样式无效的问题
2020/10/24 Javascript
Vue中inheritAttrs的使用实例详解
2020/12/31 Vue.js
python使用Queue在多个子进程间交换数据的方法
2015/04/18 Python
python Pandas 读取txt表格的实例
2018/04/29 Python
Python 实现遥感影像波段组合的示例代码
2019/08/04 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
使用PyTorch将文件夹下的图片分为训练集和验证集实例
2020/01/08 Python
python爬取网易云音乐热歌榜实例代码
2020/08/07 Python
全面介绍python中很常用的单元测试框架unitest
2020/12/14 Python
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
Ray-Ban雷朋奥地利官网:全球领先的太阳眼镜品牌
2020/10/12 全球购物
说出ArrayList,Vector, LinkedList的存储性能和特性
2015/01/04 面试题
商务日语毕业生自荐信范文
2013/11/14 职场文书
办公室主任竞聘演讲稿
2014/05/15 职场文书
2014年平安建设工作总结
2014/11/19 职场文书
小学英语复习计划
2015/01/19 职场文书
老公婚前保证书
2015/02/28 职场文书
如何撰写创业策划书
2019/06/27 职场文书
教你做个可爱的css滑动导航条
2021/06/15 HTML / CSS
LyScript实现绕过反调试保护的示例详解
2022/08/14 Python