基于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 相关文章推荐
js异步加载的三种解决方案
Mar 04 Javascript
JavaScript事件委托用法分析
Jan 24 Javascript
js实现同一页面多个不同运动效果的方法
Apr 10 Javascript
JS实现简单的图书馆享元模式实例
Jun 30 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
jquery原理以及学习技巧介绍
Nov 11 Javascript
详解javascript传统方法实现异步校验
Jan 22 Javascript
JS+canvas动态绘制饼图的方法示例
Sep 12 Javascript
Angular2中监听数据更新的方法
Aug 31 Javascript
Nuxt.js之自动路由原理的实现方法
Nov 21 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
Nov 29 Javascript
Vue程序调试的方法
Jun 17 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/13 PHP
Yii学习总结之安装配置
2015/02/22 PHP
Ubuntu 16.04下安装PHP 7过程详解
2017/03/28 PHP
PHP创建XML接口示例
2019/07/04 PHP
JSON JQUERY模板实现说明
2010/07/03 Javascript
jquery isEmptyObject判断是否为空对象的函数
2011/02/14 Javascript
javascript确认框的三种使用方法
2013/12/17 Javascript
javascript中的循环语句for语句深入理解
2014/04/04 Javascript
nodejs教程之制作一个简单的文章发布系统
2014/11/21 NodeJs
js时钟翻牌效果实现代码分享
2020/07/31 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
2017/03/09 Javascript
详解nodejs的express如何自动生成项目框架
2017/07/12 NodeJs
vue.js  父向子组件传参的实例代码
2017/10/29 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
2017/11/27 Javascript
关于Vue项目跨平台运行问题的解决方法
2018/09/18 Javascript
Python中实现远程调用(RPC、RMI)简单例子
2014/04/28 Python
剖析Python的Twisted框架的核心特性
2016/05/25 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
python使用arcpy.mapping模块批量出图
2017/03/06 Python
python利用lxml读写xml格式的文件
2017/08/10 Python
浅析python继承与多重继承
2018/09/13 Python
python实现多线程端口扫描
2019/08/31 Python
Python读取ini配置文件传参的简单示例
2021/01/05 Python
HTML5 canvas画矩形时出现边框样式不一致的解决方法
2013/10/14 HTML / CSS
HTML5 Canvas中使用用路径描画圆弧
2015/01/01 HTML / CSS
Linux面试题LINUX系统类
2014/11/19 面试题
大一新生军训时的自我评价分享
2013/12/05 职场文书
英语自荐信范文
2013/12/11 职场文书
保安的辞职报告怎么写
2014/01/20 职场文书
测量工程专业求职信
2014/02/24 职场文书
本科毕业生自荐信
2014/06/02 职场文书
促销活动总结怎么写
2014/06/25 职场文书
500字作文之关于爸爸
2019/11/14 职场文书
十大最强电系宝可梦,阿尔宙斯电系之一,第七被称为雷神
2022/03/18 日漫
Win11如何查看显卡型号 Win11查看显卡型号的方法
2022/08/14 数码科技