编程 Javascript

基于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/

基于jQuery实现点击同时更改两个iframe的网址

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 克隆数组最简单的方法

Feb 12 Javascript

有关DOM元素与事件的3个谜题

Nov 11 Javascript

通过javascript获取iframe里的值示例代码

Jun 24 Javascript

jQuery处理xml格式的返回数据(实例解析)

Nov 28 Javascript

JS使用eval解析JSON的注意事项分析

Nov 14 Javascript

JavaScript交换两个变量值的七种解决方案

Dec 01 Javascript

AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题

Jan 21 Javascript

微信小程序连续旋转动画（this.animation.rotate）详解

Apr 07 Javascript

使用Vue实现图片上传的三种方式

Jul 17 Javascript

JS回调函数原理与用法详解【附PHP回调函数】

Jul 20 Javascript

JS实现简单省市二级联动

Nov 27 Javascript

vue瀑布流组件实现上拉加载更多

Mar 10 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垃圾回收机制对内存泄露的处理

2013/06/14 PHP

php设置允许大文件上传示例代码

2014/03/10 PHP

php中file_get_contents与curl性能比较分析

2014/11/08 PHP

实现PHP搜索加分页

2016/10/12 PHP

在Laravel5中正确设置文件权限的方法

2019/05/22 PHP

基于jquery跨浏览器显示的file上传控件

2011/10/24 Javascript

js FLASH幻灯片字符串中有连接符＆的处理方法

2012/03/01 Javascript

JavaScript自定义日期格式化函数详细解析

2014/01/14 Javascript

使用typeof判断function是否存在于上下文

2014/08/14 Javascript

nodejs简单实现中英文翻译

2015/05/04 NodeJs

JS基于FileSystemObject创建一个指定路径的TXT文本文件

2015/08/05 Javascript

谈谈encodeURI和encodeURIComponent以及escape的区别与应用

2015/11/24 Javascript

JS中script标签defer和async属性的区别详解

2016/08/12 Javascript

将json转换成struts参数的方法

2016/11/08 Javascript

js实现随机点名小功能

2017/08/17 Javascript

Vue Element 分组+多选+可搜索Select选择器实现示例

2018/07/23 Javascript

vue2.0页面前进刷新回退不刷新的实现方法

2018/07/31 Javascript

vue 对axios get pust put delete封装的实例代码

2020/01/05 Javascript

Python判断变量是否已经定义的方法

2014/08/18 Python

Python中对象迭代与反迭代的技巧总结

2016/09/17 Python

python django事务transaction源码分析详解

2017/03/17 Python

Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】

2017/12/15 Python

Python玩转加密的技巧【推荐】

2019/05/13 Python

Django rest framework jwt的使用方法详解

2019/08/08 Python

Python算法中的时间复杂度问题

2019/11/19 Python

python装饰器代替set get方法实例

2019/12/19 Python

python logging添加filter教程

2019/12/24 Python

PyTorch加载预训练模型实例(pretrained)

2020/01/17 Python

selenium与xpath之获取指定位置的元素的实现

2021/01/26 Python

意大利珠宝店：Luxury Zone

2019/01/05 全球购物

介绍一下如何优化MySql

2016/12/20 面试题

生物科学专业职业规划书范文

2014/02/11 职场文书

餐厅楼面部长岗位职责范文

2014/02/16 职场文书

2017元旦晚会开幕词

2016/03/03 职场文书

redis配置文件中常用配置详解

2021/04/14 Redis

Python使用华为API为图像设置多个锚点标签

2022/04/12 Python