基于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打开word文档的方法
Apr 16 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
Dec 15 Javascript
深入理解JavaScript系列(26):设计模式之构造函数模式详解
Mar 03 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
Nov 10 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
Jan 05 Javascript
深入理解vue2.0路由如何配置问题
Jul 18 Javascript
使用async、enterproxy控制并发数量的方法详解
Jan 02 Javascript
详解JavaScript中的数组合并方法和对象合并方法
May 11 Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
May 01 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
Oct 27 Javascript
js实现3D粒子酷炫动态旋转特效
Sep 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
Discuz! Passport 通行证整合
2008/03/27 PHP
php split汉字
2009/06/05 PHP
CI框架安全类Security.php源码分析
2014/11/04 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
解决laravel5.4下的group by报错的问题
2019/10/16 PHP
JS类中定义原型方法的两种实现的区别
2007/03/08 Javascript
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
2010/04/25 Javascript
理解Javascript_01_理解内存分配原理分析
2010/10/11 Javascript
jQuery中需要注意的细节问题小结
2011/12/06 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
jQuery实现简洁的导航菜单效果
2015/11/23 Javascript
图解js图片轮播效果
2015/12/20 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
2019/09/29 Javascript
JS图片懒加载的优点及实现原理
2020/01/10 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
[01:29:17]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
详解Python中的join()函数的用法
2015/04/07 Python
Python中文件操作简明介绍
2015/04/13 Python
Python中数字以及算数运算符的相关使用
2015/10/12 Python
浅谈Python 对象内存占用
2016/07/15 Python
将tensorflow的ckpt模型存储为npy的实例
2018/07/09 Python
Python进阶之全面解读高级特性之切片
2019/02/19 Python
python中实现栈的三种方法
2020/12/19 Python
CSS3实现多重边框的方法总结
2016/05/31 HTML / CSS
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
美国著名首饰网站:BaubleBar
2016/08/29 全球购物
选购国际女性时装设计师品牌:IFCHIC(支持中文)
2018/04/12 全球购物
巴黎欧莱雅法国官网:L’Oreal Paris
2019/04/30 全球购物
应届大学生求职信
2013/12/01 职场文书
奥利奥广告词
2014/03/20 职场文书
亚运会口号
2014/06/20 职场文书
观看《信仰》心得体会
2016/01/15 职场文书
如何在Python中创建二叉树
2021/03/30 Python
Python音乐爬虫完美绕过反爬
2021/08/30 Python
如何解决goland,idea全局搜索快捷键失效问题
2022/04/03 Golang