基于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 相关文章推荐
JavaScript 设计模式学习 Factory
Jul 29 Javascript
判断目标是否是window,document,和拥有tagName的Element的代码
May 31 Javascript
jQuery/CSS3图片特效插件整理推荐
Dec 07 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
javascript实现获取图片大小及图片等比缩放的方法
Nov 24 Javascript
AngularJS中使用three.js的实例详解
Jul 21 Javascript
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
JavaScript实现浅拷贝与深拷贝的方法分析
Jul 05 Javascript
opencv 识别微信登录验证滑动块位置
Aug 07 Javascript
详解Vue前端生产环境发布配置实战篇
May 07 Javascript
Vue实现微信支付功能遇到的坑
Jun 05 Javascript
Vue如何使用混合Mixins和插件开发详解
Feb 05 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 字符截取 解决中文的截取问题,不用mb系列
2009/09/29 PHP
PHP中删除变量时unset()和null的区别分析
2011/01/27 PHP
基于simple_html_dom的使用小结
2013/07/01 PHP
PHP从FLV文件获取视频预览图的方法
2015/03/12 PHP
TP - 比RBAC更好的权限认证方式(Auth类认证)
2021/03/09 PHP
JS实现关键字搜索时的相关下拉字段效果
2014/08/05 Javascript
jquery获取多个checkbox的值异步提交给php
2015/07/07 Javascript
javascript设计模式之对象工厂函数与构造函数详解
2015/07/30 Javascript
JavaScript如何动态创建table表格
2020/08/02 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
JS中取二维数组中最大值的方法汇总
2016/04/17 Javascript
jQuery子元素过滤选择器用法示例
2016/09/09 Javascript
ActiveX控件的使用-js实现打印超市小票功能代码详解
2017/11/22 Javascript
vue的一个分页组件的示例代码
2017/12/25 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
vue实现购物车功能(商品分类)
2020/04/20 Javascript
[01:07:53]RNG vs VG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python中Continue语句的用法的举例详解
2015/05/14 Python
浅谈Python浅拷贝、深拷贝及引用机制
2016/12/15 Python
python执行使用shell命令方法分享
2017/11/08 Python
Python 使用Numpy对矩阵进行转置的方法
2019/01/28 Python
Python图像处理PIL各模块详细介绍(推荐)
2019/07/17 Python
Django中使用session保持用户登陆连接的例子
2019/08/06 Python
canvas学习笔记之绘制简单路径
2019/01/28 HTML / CSS
HTML5 input新增type属性color颜色拾取器的实例代码
2018/08/27 HTML / CSS
求职信格式范本
2013/11/15 职场文书
电信专业毕业生推荐信
2013/11/18 职场文书
影视动画专业个人的自我评价
2013/12/31 职场文书
可贵的沉默教学反思
2014/02/06 职场文书
更夫岗位责任制
2014/02/11 职场文书
英语课前三分钟演讲稿
2014/08/19 职场文书
学校感恩节活动策划方案
2014/10/06 职场文书
乡镇党建工作总结2015
2015/05/19 职场文书
初三毕业感言
2015/07/31 职场文书
2016年学校禁毒宣传活动工作总结
2016/04/05 职场文书
Github 使用python对copilot做些简单使用测试
2022/04/14 Python