萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> jQuery實現同一點擊,兩個不同鏈接,指向兩個不同的iframe

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值也可以實現,但代碼相對復雜一點.

copyright © 萬盛學電腦網 all rights reserved