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/