时间:2021-05-25
个人推荐用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/
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
使用jquery操作iframe1、内容里有两个ifame
这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法a.html中有两个iframe,如下:b.html中
本文实例讲述了jquery实现两个图片渐变切换效果的方法。分享给大家供大家参考。具体如下:这段代码演示了jquery如何实现两个图片渐变切换的效果,为id=ki
项目中遇到场景:一个按钮要在子iframe加载完成之后才能被点击,这是就需要知道iframe何时加载完成,用JQuery很简单就能实现,代码如下:复制代码代码如
jQuery选择同时包含两个class的元素的实现方法1.交集选择:$(".a.b")--选择同时包含a和b的元素。2.并集选择:$(".a,.b")--选择包