基于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计算用户打开网页的停留时间
Jan 09 Javascript
node.js中使用socket.io的方法
Dec 15 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
Aug 04 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
Sep 21 Javascript
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
Dec 18 jQuery
express如何使用session与cookie的方法
Jan 30 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
Feb 08 Javascript
Javascript实现运算符重载详解
Apr 07 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
Apr 26 Javascript
JavaScript链式调用原理与实现方法详解
May 16 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调整gif动画图片尺寸示例代码分享
2013/12/05 PHP
非常有用的9个PHP代码片段
2016/04/06 PHP
PHP读取word文档的方法分析【基于COM组件】
2017/08/01 PHP
PHP排序算法之直接插入排序(Straight Insertion Sort)实例分析
2018/04/20 PHP
浅谈PHP5.6 与 PHP7.0 区别
2019/10/09 PHP
javascript indexOf函数使用说明
2008/07/03 Javascript
Javascript 函数对象的多重身份
2009/06/28 Javascript
基于jquery的模态div层弹出效果
2010/08/21 Javascript
javascript instanceof 内部机制探析
2010/10/15 Javascript
js 限制数字 js限制输入实现代码
2012/12/04 Javascript
javascript中的循环语句for语句深入理解
2014/04/04 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
2014/05/05 Javascript
JS动态加载当前时间的方法
2015/02/09 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
jQuery动态星级评分效果实现方法
2015/08/06 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
jquery编写Tab选项卡滚动导航切换特效
2020/07/17 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
2016/05/26 Javascript
jQuery编写设置和获取颜色的插件
2017/01/09 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
基于rollup的组件库打包体积优化小结
2018/06/18 Javascript
countUp.js实现数字滚动效果
2019/10/18 Javascript
解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目
2020/02/09 Javascript
[01:18]DOTA2超级联赛专访hanci ForLove淘汰感言曝光
2013/06/04 DOTA
Python实现的批量下载RFC文档
2015/03/10 Python
python实现的简单抽奖系统实例
2015/05/22 Python
Python 类的继承实例详解
2017/03/25 Python
对python内置map和six.moves.map的区别详解
2018/12/19 Python
python异步实现定时任务和周期任务的方法
2019/06/29 Python
利用python绘制数据曲线图的实现
2020/04/09 Python
Python faker生成器生成虚拟数据代码实例
2020/07/20 Python
台湾饭店和机票预订网站:Expedia台湾
2016/08/05 全球购物
毕业生优秀推荐信
2013/11/26 职场文书
高一军训的心得体会
2014/09/01 职场文书
婚礼庆典答谢词
2015/01/20 职场文书
一文了解MySQL二级索引的查询过程
2022/02/24 MySQL