最近写了两个管理后台的前端页面,其中有一个管理后台,左侧菜单导航和右侧内容页是两个iframe,需求是,点击上面的主导航时,左侧iframe和右侧iframe调用不同的链接.个人推荐用jQuery实现,代码简洁,扩展性强.

jQuery部分:

1. function gotourl(url_a, url_b) 
2. { 
3.     $('#ifr_a').get(0).src = url_a; 
4.     $('#ifr_b').get(0).src = url_b; 
5. } 

html调用:

1. <a href="javascript:void(0)" onClick="gotourl('http://g.cn/','http://baidu.com');">点我下面两个iframe内容都会变</a> 
2. <iframe src="http://mrthink.net/" id="ifr_a" name="ifr_a" frameborder="0"></iframe> 
3. <iframe src="http://mrthink.net/" id="ifr_b" name="ifr_b" frameborder="0"></iframe> 

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