基于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 第二课 操作包装集元素代码
Mar 14 Javascript
用js实现trim()的解决办法
Apr 16 Javascript
jquery ztree实现下拉树形框使用到了json数据
May 14 Javascript
IE中getElementsByName()对有些元素无效的解决方案
Sep 28 Javascript
JavaScript实现可拖拽的拖动层Div实例
Aug 05 Javascript
JavaScript实现的SHA-1加密算法完整实例
Feb 02 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
Mar 09 Javascript
angular中实现li或者某个元素点击变色的两种方法
Jul 27 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
Aug 23 Javascript
Vue 自适应高度表格的实现方法
May 13 Javascript
js实现特别简单的钟表效果
Sep 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
浅谈电磁辐射对健康的影响
2021/03/01 无线电
PHP查看SSL证书信息的方法
2016/09/22 PHP
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
jquery datepicker参数介绍和示例
2014/04/15 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
2015/02/27 Javascript
javascript编写贪吃蛇游戏
2015/07/07 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
jquery实现邮箱自动填充提示功能
2015/11/17 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
2016/01/07 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
2016/12/02 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
2017/08/03 Javascript
JavaScript闭包和回调详解
2017/08/09 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
2017/09/20 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
2018/03/02 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
详解Ubuntu安装angular-cli遇到的坑
2018/09/08 Javascript
JavaScript中0、空字符串、'0'是true还是false的知识点分享
2019/09/16 Javascript
Vue+ElementUI table实现表格分页
2019/12/14 Javascript
vue实现表格合并功能
2020/12/01 Vue.js
布同自制Python函数帮助查询小工具
2011/03/13 Python
Python中使用PDB库调试程序
2015/04/05 Python
对Tensorflow中的矩阵运算函数详解
2018/07/27 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
QML用PathView实现轮播图
2020/06/03 Python
Python调用Redis的示例代码
2020/11/24 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
利用Storage Event实现页面间通信的示例代码
2018/07/26 HTML / CSS
汉森批发:Hansen Wholesale
2018/05/24 全球购物
澳大利亚最好的电动自行车:Leon Cycle
2020/12/19 全球购物
广告设计专业自荐信范文
2013/11/14 职场文书
毕业生自荐信范文
2015/03/05 职场文书
导游词之河北野三坡
2019/12/11 职场文书
数据库的高级查询六:表连接查询:外连接(左外连接,右外连接,UNION关键字,连接中ON与WHERE的不同)
2021/04/05 MySQL
Python快速优雅的批量修改Word文档样式
2021/05/20 Python
教你nginx跳转配置的四种方式
2022/07/07 Servers