DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jQuery實現點擊同時更改兩個iframe的網址
基於jQuery實現點擊同時更改兩個iframe的網址
編輯:JQuery特效代碼     
個人推薦用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://jb51.net/" id="ifr_a" name="ifr_a" frameborder="0"></iframe>
<iframe src="http://s.jb51.net/" id="ifr_b" name="ifr_b" frameborder="0"></iframe>
通過js判斷iframe的id,然後給不同id賦不同的src值也可以實現,但代碼相對復雜一點.


原文發布於Mr.Think的個人博客: http://mrthink.net/javascript-jquery-twourl-twoifram/
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved