基于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 相关文章推荐
学习ExtJS Panel常用方法
Oct 07 Javascript
Jquery cookie操作代码
Mar 14 Javascript
qTip2 精致的基于jQuery提示信息插件
Feb 17 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
Oct 11 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
jQuery表单元素选择器代码实例
Feb 06 Javascript
完美实现js拖拽效果 return false用法详解
Jul 28 Javascript
Vue 2.5.2下axios + express 本地请求404的解决方法
Feb 21 Javascript
关于微信小程序map组件z-index的层级问题分析
Jul 09 Javascript
JavaScript如何获取一个元素的样式信息
Jul 29 Javascript
JS原型prototype和__proto__用法实例分析
Mar 14 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
《斗罗大陆》六翼天使武魂最强,为什么老千家不是上三宗?
2020/03/02 国漫
萌王史莱姆”萌王性别尴尬!那“萌战”归女组还是男?
2018/12/17 日漫
一个PHP模板,主要想体现一下思路
2006/12/25 PHP
你可能不知道PHP get_meta_tags()函数
2014/05/12 PHP
Yii使用migrate命令执行sql语句的方法
2016/03/15 PHP
php 将json格式数据转换成数组的方法
2018/08/21 PHP
可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
2007/08/21 Javascript
JavaScript this调用规则说明
2010/03/08 Javascript
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
2013/11/23 Javascript
一道优雅面试题分析js中fn()和return fn()的区别
2016/07/05 Javascript
js获取Get值的方法
2016/09/29 Javascript
js实现九宫格的随机颜色跳转
2017/02/19 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
2018/06/29 Javascript
Vue动态获取width的方法
2018/08/22 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
Python实现以时间换空间的缓存替换算法
2016/02/19 Python
Python lambda表达式用法实例分析
2018/12/25 Python
Python3实现的回文数判断及罗马数字转整数算法示例
2019/03/27 Python
python-tornado的接口用swagger进行包装的实例
2019/08/29 Python
波兰香水和化妆品购物网站:Notino.pl
2017/11/07 全球购物
澳大利亚领先的内衣店:Bendon Lingerie澳大利亚
2020/05/15 全球购物
师范应届生求职信
2013/11/15 职场文书
化工专业个人的求职信范文
2013/11/28 职场文书
学校门卫岗位职责
2014/03/16 职场文书
教师节演讲稿
2014/05/06 职场文书
文秘自荐信
2014/06/28 职场文书
小学数学教研活动总结
2014/07/01 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
干部考察材料范文
2014/12/24 职场文书
云台山导游词
2015/02/03 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
干部考核工作总结
2015/08/12 职场文书
56句经典英文座右铭
2019/08/09 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
Oracle更换为MySQL遇到的问题及解决
2021/05/21 Oracle