基于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控制input框只读实现示例
Jan 20 Javascript
kindeditor修复会替换script内容的问题
Apr 03 Javascript
基于javascript实现动态显示当前系统时间
Jan 28 Javascript
JavaScript图像延迟加载库Echo.js
Apr 05 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
Aug 11 Javascript
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)
Aug 29 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
vue component组件使用方法详解
Jul 14 Javascript
详解vue2.0监听属性的使用心得及搭配计算属性的使用
Jul 18 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
May 14 Javascript
JS如何操作DOM基于表格动态展示数据
Oct 15 Javascript
Nuxt.js 静态资源和打包的操作
Nov 06 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/12/06 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
几道坑人的PHP面试题 试试看看你会不会也中招
2014/08/19 PHP
PHP+MYSQL实现用户的增删改查
2015/03/24 PHP
JS应用之禁止抓屏、复制、打印
2008/02/21 Javascript
jquery操作复选框checkbox的方法汇总
2015/02/05 Javascript
原生JS实现图片轮播与淡入效果的简单实例
2016/08/21 Javascript
利用Vue.js指令实现全选功能
2016/09/08 Javascript
node.js实现为PDF添加水印的示例代码
2018/12/05 Javascript
运用js实现图层拖拽的功能
2019/05/24 Javascript
微信小程序页面上下滚动效果
2020/11/18 Javascript
node.js处理前端提交的GET请求
2019/08/30 Javascript
解决layer弹出层msg的文字不显示的问题
2019/09/11 Javascript
微信小程序实现侧边分类栏
2019/10/21 Javascript
python读取TXT到数组及列表去重后按原来顺序排序的方法
2015/06/26 Python
python 使用get_argument获取url query参数
2017/04/28 Python
有趣的python小程序分享
2017/12/05 Python
分享6个隐藏的python功能
2017/12/07 Python
浅谈Pandas 排序之后索引的问题
2018/06/07 Python
numpy中矩阵合并的实例
2018/06/15 Python
快速解决pymongo操作mongodb的时区问题
2020/12/05 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
腾讯技术类校园招聘笔试试题
2014/05/06 面试题
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
幼儿园园长自我鉴定
2013/10/22 职场文书
教师评优事迹材料
2014/01/10 职场文书
学校岗位设置方案
2014/01/16 职场文书
绩效考核实施方案
2014/03/18 职场文书
思想政治表现评语
2015/01/04 职场文书
学校实习推荐信
2015/03/27 职场文书
先进党支部事迹材料2016
2016/02/26 职场文书
Python中相见恨晚的技巧
2021/04/13 Python
SpringBoot2 参数管理实践之入参出参与校验的方式
2021/06/16 Java/Android
浅谈Python从全局与局部变量到装饰器的相关知识
2021/06/21 Python
CentOS安装Nginx并部署vue
2022/04/12 Servers
windows系统搭建WEB服务器详细教程
2022/08/05 Servers