基于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 相关文章推荐
为数据添加append,remove功能
Oct 03 Javascript
javascript获取元素偏移量的方法有哪些
Jun 24 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
Aug 12 Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
Jul 27 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 Javascript
AngularJS实现tab选项卡的方法详解
Jul 05 Javascript
Node做中转服务器转发接口
Oct 18 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
Apr 24 Javascript
微信公众号平台接口开发 获取微信服务器IP地址方法解析
Aug 14 Javascript
vue-router 路由传参用法实例分析
Mar 06 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
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
PHP生成唯一ID之SnowFlake算法
2016/12/17 PHP
laravel实现上传图片的两种方式小结
2019/10/12 PHP
JavaScript使用cookie
2007/02/02 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
2013/03/19 Javascript
深入了解javascript中的prototype与继承
2013/04/14 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
2013/12/02 Javascript
关于js中for in的缺陷浅析
2013/12/02 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
2015/11/26 Javascript
基于JavaScript实现在新的tab页打开url
2016/08/04 Javascript
JavaScript中数组slice和splice的对比小结
2016/09/22 Javascript
微信小程序 form组件详解及简单实例
2017/01/10 Javascript
Bootstrap table表格简单操作
2017/02/07 Javascript
微信小程序支付及退款流程详解
2017/11/30 Javascript
使用axios实现上传图片进度条功能
2017/12/21 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
2018/08/24 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
2019/06/07 Javascript
webpack 动态批量加载文件的实现方法
2020/03/19 Javascript
[51:53]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第二场 1月24日
2021/03/11 DOTA
python代码制作configure文件示例
2014/07/28 Python
Python获取SQLite查询结果表列名的方法
2017/06/21 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
Django之PopUp的具体实现方法
2019/08/31 Python
基于TensorFlow常量、序列以及随机值生成实例
2020/01/04 Python
Python semaphore evevt生产者消费者模型原理解析
2020/03/18 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
django ObjectDoesNotExist 和 DoesNotExist的用法
2020/07/09 Python
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
纯CSS3实现8组超炫酷鼠标滑过图片动画
2016/03/16 HTML / CSS
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
ReVive利维肤美国官网:RéVive Skincare
2018/04/18 全球购物
莫斯科购买书籍网站:Book24
2020/01/12 全球购物
2014教师年度工作总结
2014/11/10 职场文书
2014年设计师工作总结
2014/11/25 职场文书
求职自我评价范文
2015/03/09 职场文书
Golang获取List列表元素的四种方式
2022/04/20 Golang