基于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 克隆数组最简单的方法
Feb 12 Javascript
有关DOM元素与事件的3个谜题
Nov 11 Javascript
通过javascript获取iframe里的值示例代码
Jun 24 Javascript
jQuery处理xml格式的返回数据(实例解析)
Nov 28 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
JavaScript交换两个变量值的七种解决方案
Dec 01 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
Jan 21 Javascript
微信小程序 连续旋转动画(this.animation.rotate)详解
Apr 07 Javascript
使用Vue实现图片上传的三种方式
Jul 17 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
Jul 20 Javascript
JS实现简单省市二级联动
Nov 27 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 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垃圾回收机制对内存泄露的处理
2013/06/14 PHP
php设置允许大文件上传示例代码
2014/03/10 PHP
php中file_get_contents与curl性能比较分析
2014/11/08 PHP
实现PHP搜索加分页
2016/10/12 PHP
在Laravel5中正确设置文件权限的方法
2019/05/22 PHP
基于jquery跨浏览器显示的file上传控件
2011/10/24 Javascript
js FLASH幻灯片字符串中有连接符&的处理方法
2012/03/01 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
nodejs简单实现中英文翻译
2015/05/04 NodeJs
JS基于FileSystemObject创建一个指定路径的TXT文本文件
2015/08/05 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
JS中script标签defer和async属性的区别详解
2016/08/12 Javascript
将json转换成struts参数的方法
2016/11/08 Javascript
js实现随机点名小功能
2017/08/17 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
2018/07/23 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
vue 对axios get pust put delete封装的实例代码
2020/01/05 Javascript
Python判断变量是否已经定义的方法
2014/08/18 Python
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
python django事务transaction源码分析详解
2017/03/17 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
Python玩转加密的技巧【推荐】
2019/05/13 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
Python算法中的时间复杂度问题
2019/11/19 Python
python装饰器代替set get方法实例
2019/12/19 Python
python logging添加filter教程
2019/12/24 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
介绍一下如何优化MySql
2016/12/20 面试题
生物科学专业职业规划书范文
2014/02/11 职场文书
餐厅楼面部长岗位职责范文
2014/02/16 职场文书
2017元旦晚会开幕词
2016/03/03 职场文书
redis配置文件中常用配置详解
2021/04/14 Redis
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python