基于jQuery实现点击同时更改两个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://phpstudy.net/" id="ifr_a" name="ifr_a" frameborder="0"></iframe>
<iframe src="http://s.phpstudy.net/" id="ifr_b" name="ifr_b" frameborder="0"></iframe>
通过js判断iframe的id,然后给不同id赋不同的src值也可以实现,但代码相对复杂一点.


原文发布于Mr.Think的个人博客: http://mrthink.net/javascript-jquery-twourl-twoifram/



相关阅读:
JavaScript:判断iframe是否加载完成的完美方法
怎样在ASP.NET中使用三层架构
-moz-user-select与onselectstart 禁止选择文字的方法
Linux系统下设置开机启动文件的方法
JS中encodeURIComponent函数用php解码的代码
直接通过ADO操作Access数据库
BluePage通用分页类助开发者提高开发效率
SWFUpload与CI不能正确上传识别文件MIME类型解决方法分享
JS获取IUSR_机器名和IWAM_机器名帐号的密码
css基础教程属性篇之四
兼容PHP5的PHP目录管理函数库
详解oracle9i Statspack 的安装和使用
asp.net 存储过程调用
基于CSS的30个导航和按钮优秀设计教程
快速导航

Copyright © 2016 phpStudy |