jQuery实现同一点击,两个不同链接,指向两个不同的iframe
来源：Mr.Think 发布时间：2010-06-21 10:52:00
标签：jQuery,链接,iframe
最近写了两个管理后台的前端页面,其中有一个管理后台,左侧菜单导航和右侧内容页是两个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值也可以实现,但代码相对复杂一点.
0
投稿猜你喜欢
这段时间写了很多页面代码，除了一些知识重复以外，也学到css的一些新东西，或许是旧东西，但是还是希望能对大家有用。其实在css里面有很多对a- 第一招、mysql服务的启动和停止net stop mysqlnet start mysql第二招、登陆mysql语法如下： mysql -
- 内容摘要：图片随机显示是一个应用非常广泛的技巧。比如随机banner的显示，当你进入一个网站时它的banner总是不同的，或者总有内容不同的
- 编写思路:把本地文件在客户端通过base64编码以后发送目的地.测试过程中,上传文件过大,导致超时不成功.后来经过改善.把编码分段发送.测试
- 提高SQL执行效率的几点建议:◆尽量不要在where中包含子查询;关于时间的查询，尽量不要写成：where to_char(dif_date
- 图片的间隙 （1）问：我有一张大图片，把它切割后在Dreamweaver中进行拼接，可是总是有间隙，不知为什么？ 答：不知你是否把表格的边距
- 什么是RSS？RSS是站点用来和其他站点之间共享内容的一种简易方式（也叫聚合内容），通常被用于新闻和其他按顺序排列的网站，例如Blog。一段
- 以下虚线框内为mk.asp文件的具体代码：<％filename="test.htm"if request
- 和YSlow一样，“Page Speed”也是一个基于firebug附加组件的FireFox插件。虽然听起来有点拗口，但是意思很容易理解：如
- 我们打开Google的时候可能大家会发现，无论你输入Google的任何网址，它都根据你使用的语言自动判断并跳转到不同的语言界面。也就是你用不
- 代码如下: var lishustr = "qwertyuiopasdfghjklmnbvcxz"; var s = l
- 如何侦测HTTP表头信息？可用下列办法侦测并显示所有的HTTP HEADERS：<HTML><HEAD><TI
- 问题：1.一个销售系统,设有各级代理商,每个代理商的表是这样设计的 数据库结构表1: 代理商资料表[id]
- 安装MySQL假设你把所有必须的源码或者包都放在了/tmp下。如果你下载的是RPM包的话，那比较简单；如果你下载的是二进制包（你没有rpm程
- 前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章，它详细介绍了CSS3的新特性和它的使用方法，它包括:浏览器专
- FrontPage 2003在功能上增强了不少，下面我们一起来看看新版本中比较突出的9个新功能。1.自定义浏览器分辨率预览检查 在
- 昨天Steve的 讲座涉及了一个我从没考虑的领域，在没法优化后台服务器的时候，如何合理的放置网页的元件让她们在浏览器里显示得更加快。这里，我
- CSS是众所周知且应用广泛的网站样式语言，在它的版本三(CSS3)计划中，新增了一些能够节省时间的特性。尽管只有当前最新了浏览器
- 我在程序首端添加了On Error Resume Next ，以更好地处理执行时引起的错误，但在数据库访问中引出了麻烦，因为我在一个查询操作
- 在SQL Server数据库中，如果执行Transact-SQL时出现了错误，我们可以使用两种捕捉错误的方法解决此问题，一种是在客户端代码（
