基于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 直接操作本地文件的实现代码
Dec 01 Javascript
ExtJs GridPanel简单的增删改实现代码
Aug 26 Javascript
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
Oct 31 Javascript
原生js的弹出层且其内的窗口居中
May 14 Javascript
JavaScript显示表单内元素数量的方法
Apr 02 Javascript
input file上传 图片预览功能实例代码
Oct 25 Javascript
JavaScript实现省市县三级级联特效
May 16 Javascript
微信小程序与php 实现微信支付的简单实例
Jun 23 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
Nuxt.js SSR与权限验证的实现
Nov 21 Javascript
基于JS实现父组件的请求服务过程解析
Oct 14 Javascript
详解Vue.js 响应接口
Jul 04 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反向代理类代码
2014/08/15 PHP
PHP中常用的字符串格式化函数总结
2014/11/19 PHP
SSO单点登录的PHP实现方法(Laravel框架)
2016/03/23 PHP
thinkphp5修改view到根目录实例方法
2019/07/02 PHP
isArray()函数(JavaScript中对象类型判断的几种方法)
2009/11/26 Javascript
jquery 最简单易用的表单验证插件
2010/02/27 Javascript
Js sort排序使用方法
2011/10/17 Javascript
js异常捕获方法介绍
2013/04/10 Javascript
jquery组件使用中遇到的问题整理及解决
2014/02/21 Javascript
js获取当前页面的url网址信息
2014/06/12 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
jquery验证邮箱格式是否正确实例讲解
2015/11/16 Javascript
正则中的回溯定义与用法分析【JS与java实现】
2016/12/27 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
详解webpack 最简打包结果分析
2019/02/20 Javascript
关于Layui Table隐藏列问题
2019/09/16 Javascript
layui点击按钮页面会自动刷新的解决方案
2019/10/25 Javascript
JS数组索引检测中的数据类型问题详解
2021/01/11 Javascript
Python代码的打包与发布详解
2014/07/30 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
使用Python的turtle模块画国旗
2019/09/24 Python
python实现tail -f 功能
2020/01/17 Python
TFRecord文件查看包含的所有Features代码
2020/02/17 Python
python实现四人制扑克牌游戏
2020/04/22 Python
基于Python绘制个人足迹地图
2020/06/01 Python
CSS3提交意见输入框样式代码
2014/10/30 HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
2017/03/15 HTML / CSS
法学毕业生自荐信
2013/11/13 职场文书
上班迟到检讨书
2014/01/10 职场文书
品牌转让协议书
2014/08/20 职场文书
技术经济专业求职信
2014/09/03 职场文书
金融保险专业求职信
2014/09/03 职场文书
yolov5返回坐标的方法实例
2022/03/17 Python
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏
Python+Tkinter打造签名设计工具
2022/04/01 Python