基于jQuery实现点击同时更改两个iframe的网址
2010-07-01 16:37
513 查看
个人推荐用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://jb51.net/" id="ifr_a" name="ifr_a" frameborder="0"></iframe>
<iframe src="http://s.jb51.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://jb51.net/" id="ifr_a" name="ifr_a" frameborder="0"></iframe>
<iframe src="http://s.jb51.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 选择同时包含两个class的元素的实现方法
- JQuery在iframe中实现 点击后选中当前栏目的样式
- 基于JQuery实现鼠标点击文本框显示隐藏提示文本
- jquery实现点击展开列表同时隐藏其他列表
- jquery实现点击展开列表同时隐藏其他列表
- 基于jQuery插件实现点击小图显示大图效果
- 基于jquery实现点击左右按钮图片横向滚动
- 基于JQUERY的两个ListBox子项互相调整的实现代码
- 基于jQuery实现点击弹出层实例代码
- 基于jquery实现一张图片点击鼠标放大再点缩小
- iOS 利用运行时交换系统方法实现禁止同时点击两个按钮触发多个事件
- 基于jQuery实现点击列表加载更多效果
- 基于jQuery实现点击最后一行实现行自增效果的表格
- jQuery基于事件控制实现点击显示内容下拉效果
- 基于jQuery插件实现点击小图显示大图效果
- 基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
- 基于jquery实现左右按钮点击的图片切换效果
- jQuery实现两个CSS样式之间的点击切换