基于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 相关文章推荐
alixixi runcode.asp的代码不错的应用
Aug 08 Javascript
Javascript Math对象
Aug 13 Javascript
类似CSDN图片切换效果脚本
Sep 17 Javascript
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
Mar 03 Javascript
判断ie的两种简单方法
Aug 12 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
Jul 07 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
jQuery生成假加载动画效果
Dec 01 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 Javascript
js封装成插件的步骤方法
Sep 11 Javascript
import与export在node.js中的使用详解
Sep 28 Javascript
axios post提交formdata的实例
Mar 16 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 数据结构 算法描述 冒泡排序 bubble sort
2011/07/10 PHP
对象失去焦点时自己动提交数据的实现代码
2012/11/06 PHP
PHP插入排序实现代码
2013/04/04 PHP
php中curl、fsocket、file_get_content三个函数的使用比较
2014/05/09 PHP
自定义session存储机制避免会话保持问题
2014/10/08 PHP
详解PHP的Yii框架中日志的相关配置及使用
2015/12/08 PHP
phpStudy中升级MySQL版本到5.7.17的方法步骤
2017/08/03 PHP
javascript 获取图片颜色
2009/04/05 Javascript
Angularjs制作简单的路由功能demo
2015/04/14 Javascript
jquery不常用方法汇总
2015/07/26 Javascript
js中不同的height, top的区别对比
2015/09/24 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
angular-ui-sortable实现可拖拽排序列表
2016/12/28 Javascript
基于JavaScript实现活动倒计时效果
2017/04/20 Javascript
JS 中LocalStorage和SessionStorage的使用
2017/08/17 Javascript
vue封装第三方插件并发布到npm的方法
2017/09/25 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
vue实现短信验证码输入框
2020/04/17 Javascript
如何手写简易的 Vue Router
2020/10/10 Javascript
详解 javascript对象创建模式
2020/10/30 Javascript
详解Python编程中time模块的使用
2015/11/20 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
pytorch 预训练层的使用方法
2019/08/20 Python
详解mac python+selenium+Chrome 简单案例
2019/11/08 Python
Python模块_PyLibTiff读取tif文件的实例
2020/01/13 Python
Python urllib库如何添加headers过程解析
2020/10/05 Python
pytho matplotlib工具栏源码探析一之禁用工具栏、默认工具栏和工具栏管理器三种模式的差异
2021/02/25 Python
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
应用心理学个人求职信范文
2013/12/11 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
工作鉴定评语
2014/05/04 职场文书
股东合作协议书
2014/09/12 职场文书
共产党员批评与自我批评
2014/10/15 职场文书
MySQL索引知识的一些小妙招总结
2021/05/10 MySQL