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
投稿

猜你喜欢

  • 可刷新的Div+CSS+JS二级下拉树型菜单

    2007-10-09 19:14:00
  • vscode调试container中的程序的方法步骤

    2022-03-06 14:20:25
  • Pytorch模型的保存/复用/迁移实现代码

    2023-12-12 10:37:43
  • 详解go中的引用类型

    2023-08-28 06:02:31
  • pytorch模型转onnx模型的方法详解

    2021-07-20 06:36:37
  • mysql5.7版本root密码登录问题的解决方法

    2024-01-21 00:47:43
  • MySQL 优化设置步骤

    2024-01-26 16:51:37
  • Pandas读存JSON数据操作示例详解

    2022-05-24 08:14:03
  • Oracle轻松取得建表和索引的DDL语句

    2009-02-26 10:26:00
  • 轻松处理Dreamweaver段落缩进

    2007-11-17 07:53:00
  • 浅析Python中的赋值和深浅拷贝

    2021-09-10 14:30:14
  • python目标检测基于opencv实现目标追踪示例

    2022-05-10 13:12:30
  • 详解inet_pton()和inet_ntop()函数

    2023-07-23 04:38:26
  • 在Pandas中导入CSV数据时去除默认索引的方法汇总

    2023-03-16 02:35:53
  • 详解Go语言中make和new的区别

    2024-04-27 15:37:11
  • 基于php权限分配的实现代码

    2023-11-14 11:10:49
  • 非集成环境的php运行环境(Apache配置、Mysql)搭建安装图文教程

    2023-07-21 16:21:41
  • 基于python分析你的上网行为 看看你平时上网都在干嘛

    2021-09-02 15:04:39
  • Web 设计:实现干净代码的12条定律

    2008-12-04 13:27:00
  • python中的计时器timeit的使用方法

    2023-04-24 14:50:56
  • asp之家 网络编程 m.aspxhome.com