基于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 相关文章推荐
jquery中获取select选中值的代码
Jun 27 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
Dec 04 Javascript
js调试系列 初识控制台
Jun 18 Javascript
AngularJS语法详解(续)
Jan 23 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
Mar 09 Javascript
Node.js实用代码段之正确拼接Buffer
Mar 17 Javascript
浅谈JavaScript的内置对象和浏览器对象
Jun 03 Javascript
web 屏蔽BackSpace键实例代码
Dec 24 Javascript
Vue列表页渲染优化详解
Jul 24 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
React中this丢失的四种解决方法
Mar 12 Javascript
javascript实现滚轮轮播图片
Dec 13 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中实现图片的锐化
2006/10/09 PHP
PHP编码规范之注释和文件结构说明
2010/07/09 PHP
PHP调用wsdl文件类型的接口代码分享
2014/11/19 PHP
php similar_text()函数的定义和用法
2016/05/12 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
javascript+dom树型菜单类,希望朋友们一起进步
2007/05/03 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
2013/04/01 Javascript
Javascript Ajax异步读取RSS文档具体实现
2013/12/12 Javascript
jQuery实现的网页竖向菜单效果代码
2015/08/26 Javascript
nodejs初步体验篇
2015/11/23 NodeJs
使用jQuery调用XML实现无刷新即时聊天
2016/08/07 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
2017/02/23 Javascript
详解JS模块导入导出
2017/12/20 Javascript
JavaScript数组排序reverse()和sort()方法详解
2017/12/24 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
2018/01/07 Javascript
vue项目中api接口管理总结
2018/04/20 Javascript
react-native android状态栏的实现
2018/06/15 Javascript
[00:17]游戏风云独家报道:DD赛后说出数字秘密 吓死你们啊!
2014/07/13 DOTA
Python类的专用方法实例分析
2015/01/09 Python
python开发之thread线程基础实例入门
2015/11/11 Python
谈谈Python进行验证码识别的一些想法
2016/01/25 Python
使用python爬取抖音视频列表信息
2019/07/15 Python
Python+AutoIt实现界面工具开发过程详解
2019/08/07 Python
Django框架HttpResponse对象用法实例分析
2019/11/01 Python
如何使用pandas读取txt文件中指定的列(有无标题)
2020/03/05 Python
Django filter动态过滤与排序实现过程解析
2020/11/26 Python
HTML5 预加载让页面得以快速呈现
2013/08/13 HTML / CSS
银行求职推荐信范文
2013/11/30 职场文书
校园文化建设方案
2014/02/03 职场文书
九年级语文教学反思
2014/02/04 职场文书
小班幼儿评语大全
2014/04/30 职场文书
判缓刑人员个人思想汇报
2014/10/10 职场文书
男方婚礼答谢词
2015/01/20 职场文书
工作简历自我评价
2015/03/11 职场文书
运动会闭幕式主持词
2015/07/01 职场文书
2015重阳节敬老活动总结
2015/07/29 职场文书