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