我是靠谱客的博主 现实雪碧,最近开发中收集的这篇文章主要介绍基于jQuery实现点击同时更改两个iframe的网址,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

个人推荐用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://uoften.com/" id="ifr_a" name="ifr_a" frameborder="0"></iframe>
<iframe src="http://s.uoften.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的网址的全部内容,希望文章能够帮你解决基于jQuery实现点击同时更改两个iframe的网址所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(114)

评论列表共有 0 条评论

立即
投稿
返回
顶部