jQuery实现同一点击,两个不同链接,指向两个不同的iframe
2010-07-01 09:39
489 查看
最近写了两个管理后台的前端页面,其中有一个管理后台,左侧菜单导航和右侧内容页是两个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值也可以实现,但代码相对复杂一点.
原文发布于Mr.Think的个人博客: http://mrthink.net/javascript-jquery-twourl-twoifram/
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值也可以实现,但代码相对复杂一点.
原文发布于Mr.Think的个人博客: http://mrthink.net/javascript-jquery-twourl-twoifram/
相关文章推荐
- 基于jQuery实现点击同时更改两个iframe的网址
- 基于jQuery实现点击同时更改两个iframe的网址
- jquery实现点击a链接,跳转之后,该a链接处显示背景色
- 同时刷新两个iframe指向的页面,一个链接关联两个iframe的刷新
- jquery实现根据不同class为多个按钮添加点击事件
- 改装的tabs页面,鼠标移动上去切换,可以点击链接和jquery的UI是不同的
- JQuery在iframe中实现 点击后选中当前栏目的样式
- 点击链接,切换不同的iframe
- 把页面分成左右两个,如何实现在左侧点击,链接一个页面到右边的页面
- 同一链接点击后打开两个不同的地址
- 实现在一个页面内,点击导航栏的不同链接,跳转到不同的页面
- 点击一个链接可以在指定的div块中显示(使用jquery实现)
- jQuery实现点击链接显示和隐藏二维码
- ajax实现点击不同的链接让返回的内容显示在特定div里
- 把页面分成左右两个,如何实现在左侧点击,链接一个页面到右边的页面
- jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
- jQuery实现两个CSS样式之间的点击切换
- JQuery------实现鼠标点击和滑动不同效果
- 同一页面中实现点击其中一个iframe中的链接后,将链接内容显示到另一iframe
- Web小功能1——jquery实现一个按钮两个功能(触发不同事件)