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) " onClick = " gotourl('http://g.cn/','http://baidu.com'); " > 点我下面两个iframe内容都会变 </ a >
< iframe src = " http://mrthink.net/ " id = " ifr_a " name = " ifr_a " frameborder = " 0 " ></ iframe >
< iframe src = " http://mrthink.net/ " id = " ifr_b " name = " ifr_b " frameborder = " 0 " ></ iframe >

通过js判断iframe的id,然后给不同id赋不同的src值也可以实现,但代码相对复杂一点.

 

原文发布于Mr.Think的个人博客: http://mrthink.net/javascript-jquery-twourl-twoifram/

转载于:https://www.cnblogs.com/mrthink/archive/2010/07/01/1768843.html