jQuery实现同一点击,两个不同链接,指向两个不同的iframe

来源:Mr.Think 时间:2010-06-21 10:52:00 

最近写了两个管理后台的前端页面,其中有一个管理后台,左侧菜单导航和右侧内容页是两个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值也可以实现,但代码相对复杂一点.

标签:jQuery,链接,iframe
0
投稿

猜你喜欢

  • XML入门精解之文件格式定义

    2008-02-25 13:57:00
  • 禁止背景图在网页中平铺

    2011-04-29 14:10:00
  • 存储过程优缺点分析

    2012-04-13 11:39:56
  • ExpiresAbsolute 属性

    2008-05-05 12:49:00
  • [翻译]标记语言和样式手册 Chapter 10 应用CSS

    2008-02-02 18:44:00
  • CSS pointer-events下层元素被点击

    2010-04-11 22:31:00
  • 通过数据库引擎来加速的MySQL数据库

    2012-01-29 18:07:09
  • flash(swf)遮住网页内容div的解决

    2007-10-31 07:29:00
  • SQL大讲堂:如何了解SQL的执行频率

    2009-09-05 09:40:00
  • HTML和SEO基础知识:H标签全透视

    2010-09-21 16:45:00
  • 标准的、语义的、Unobtrusive的页签tab切换

    2007-11-03 13:58:00
  • ASP程序实现过滤脏话代码

    2008-03-19 12:07:00
  • Linux操作系统中如何安装MySQL数据库

    2007-10-26 15:58:00
  • MYSQL教程:查询优化之调度和锁定

    2009-02-27 15:58:00
  • 如何用Cookie进行登录验证?

    2010-06-12 12:34:00
  • sqlserver 查询数据库大小的方法

    2012-08-21 10:22:10
  • ASP编程菜鸟易犯的一个错误

    2008-10-29 13:27:00
  • 分享一些可视信息设计资源

    2009-10-06 15:19:00
  • 关于mysql与mysqli

    2011-02-23 12:03:00
  • SQL Server 安装出错:以前的某个程序安装已在安装计算机上创建挂起的文件操作

    2010-02-23 14:48:00
  • asp之家 网络编程 m.aspxhome.com