最近寫了兩個管理後台的前端頁面,其中有一個管理後台,左側菜單導航和右側內容頁是兩個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值也可以實現,但代碼相對復雜一點.