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

最近写了两个管理后台的前端页面,其中有一个管理后台,左侧菜单导航和右侧内容页是两个iframe,需求是,点击上面的主导航时,左侧iframe和右侧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)">点我下面两个iframe内容都会变</a>
<iframe src="https://jb51.net/" frameborder="0"></iframe>
<iframe src="https://s.jb51.net/" frameborder="0"></iframe>
通过js判断iframe的id,然后给不同id赋不同的src值也可以实现,但代码相对复杂一点. 


原文发布于Mr.Think的个人博客:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdxfjf.html