基于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 相关文章推荐
Ext面向对象开发实践(续)
Nov 18 Javascript
javascript new fun的执行过程
Aug 05 Javascript
dojo随手记 gird组件引用
Feb 24 Javascript
js综合应用实例简单的表格统计
Sep 03 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
JavaScript中的类与实例实现方法
Jan 23 Javascript
JS实现的网页倒计时数字时钟效果
Mar 02 Javascript
javascript中for/in循环及使用技巧
Sep 01 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
Jul 01 Javascript
angularjs 源码解析之injector
Aug 22 Javascript
JavaScript之实现一个简单的Vue示例
Jan 17 Javascript
JS实现换肤功能的方法实例详解
Jan 30 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 学习资料零碎东西
2010/12/04 PHP
php自动注册登录验证机制实现代码
2011/12/20 PHP
PHP语言中global和$GLOBALS[]的分析 之二
2012/02/02 PHP
PHP UTF8中文字符截断函数代码
2012/09/11 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
JavaScript通过RegExp实现客户端验证处理程序
2013/05/07 Javascript
JavaScript实现多维数组的方法
2013/11/20 Javascript
javascript向后台传送相同属性的参数即数组参数
2014/02/17 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
2015/10/28 Javascript
request请求获取参数的实现方法(post和get两种方式)
2016/09/27 Javascript
JavaScript易错知识点整理
2016/12/05 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
inquirer.js一个用户与命令行交互的工具详解
2019/05/18 Javascript
javascript网页随机点名实现过程解析
2019/10/15 Javascript
js实现跳一跳小游戏
2020/07/31 Javascript
Vue实现省市区三级联动
2020/12/27 Vue.js
python多重继承实例
2014/10/11 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
Python Web框架之Django框架cookie和session用法分析
2019/08/16 Python
Python爬虫之urllib基础用法教程
2019/10/12 Python
关于ZeroMQ 三种模式python3实现方式
2019/12/23 Python
pycharm 设置项目的根目录教程
2020/02/12 Python
Python GUI编程学习笔记之tkinter界面布局显示详解
2020/03/30 Python
英国家具、照明、家居用品网上商店:Wayfair.co.uk
2020/02/13 全球购物
成品仓管员工作职责
2013/12/29 职场文书
2014年清明节寄语
2014/04/03 职场文书
给校长的建议书100字
2014/05/16 职场文书
人口与计划生育目标管理责任书
2014/07/29 职场文书
今日说法观后感
2015/06/08 职场文书
幼儿园毕业致辞
2015/07/29 职场文书
nginx前后端同域名配置的方法实现
2021/03/31 Servers
Java实战之用Swing实现通讯录管理系统
2021/06/13 Java/Android
Nebula Graph解决风控业务实践
2022/03/31 MySQL
Win10玩csgo闪退如何解决?Win10玩csgo闪退的解决方法
2022/07/23 数码科技