手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jQuery实现点击同时更改两个iframe的网址
基于jQuery实现点击同时更改两个iframe的网址
摘要:个人推荐用jQuery实现,代码简洁,扩展性强.jQuery部分:复制代码代码如下:functiongotourl(url_a,url_b)...

个人推荐用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)">点我下面两个iframe内容都会变</a>

<iframe src="http://jb51.net/" id="ifr_a" name="ifr_a" frameborder="0"></iframe>

<iframe src="http://s.jb51.net/" 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的网址】相关文章:

js实现文本框选中的方法

javascript实现点击后变换按钮显示文字的方法

jQuery Timelinr实现垂直水平时间轴插件(附源码下载)

Jquery实现动态切换图片的方法

基于JavaScript实现动态添加删除表格的行

原生js实现的贪吃蛇网页版游戏完整实例

jQuery获取页面元素绝对与相对位置的方法

jQuery实现首页图片淡入淡出效果的方法

jQuery插件实现适用于移动端的地址选择器

jQuery实现div随意拖动的实例代码(通用代码)

精品推荐
分类导航