IE6下JS动态设置图片src地址问题


Posted in Javascript onJanuary 08, 2010

这两天赶一个项目,要求鼠标点击小图显示大图,于是用JS来根据小图来设置大图的SRC,设计完后问题就出来了。在IE6下大图显示不出,鼠标放置在图片上右键链接地址是可以正常显示链接地址的,并且点击显示图片图片才能被正常显示。IE7,IE8和FF是没有这些问题的。代码如下:

function picclick() 
{ 
var pic = $('marqueediv').getElementsByTagName('a'); 
var len = pic.length; 
for(var i = 0; i < len; i ++ ) 
{ 
pic[i].onclick = function(i) 
{ 
return function() 
{ 
for(var t = 0; t < len; t ++ ) 
{ 
pic[t].className = t == i ? 'hover' : ''; 
this.className = 'hover' 
} 
var thispic; 
sspic = pic[i].childNodes[0].src; 
thispic = 'uploadimg/' + sspic.substring(sspic.indexOf('uploadimg/s'), sspic.length).replace('uploadimg/s', ''); 
$('pro_pic_item').setAttribute('src', thispic); 
$('pro_pic_item').setAttribute('alt', 'images'); 
//解决方法:在此处加上“return false;” 
return false; 
} 
} 
(i) 
} 
}

据上网了解,这是由于IE6下底层的一个判断间断因素的问题。
Javascript 相关文章推荐
js判断undefined变量类型使用typeof
Jun 03 Javascript
javascript禁用Tab键脚本实例
Nov 22 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
javascript中的self和this用法小结
Feb 08 Javascript
使用pcs api往免费的百度网盘上传下载文件的方法
Mar 17 Javascript
AngularJs Understanding the Controller Component
Sep 02 Javascript
vue mounted 调用两次的完美解决办法
Oct 29 Javascript
微信小程序仿知乎实现评论留言功能
Nov 28 Javascript
微信小程序实现通过双向滑动缩放图片大小的方法
Dec 30 Javascript
微信小程序前端promise封装代码实例
Aug 24 Javascript
layer.open的自适应及居中及子页面标题的修改方法
Sep 05 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
Aug 10 Javascript
Javascript 中的类和闭包
Jan 08 #Javascript
Extjs学习笔记之六 面版
Jan 08 #Javascript
jQuery开发者都需要知道的5个小技巧
Jan 08 #Javascript
javascript new一个对象的实质
Jan 07 #Javascript
IE iframe的onload方法分析小结
Jan 07 #Javascript
判断iframe是否加载完成的完美方法
Jan 07 #Javascript
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 #Javascript
You might like
动态生成gif格式的图像要注意?
2006/10/09 PHP
如何使用脚本模仿登陆过程
2006/11/22 PHP
用PHP实现维护文件代码
2007/06/14 PHP
关于使用coreseek并为其做分页的介绍
2013/06/21 PHP
php中删除数组的第一个元素和最后一个元素的函数
2015/03/07 PHP
JavaScript 学习笔记一些小技巧
2010/03/28 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
2012/01/16 Javascript
让JavaScript和其它资源并发下载的方法
2014/10/16 Javascript
jQuery+ajax实现动态执行脚本的方法
2015/01/27 Javascript
JavaScript之cookie技术详解
2016/11/18 Javascript
nodejs 子进程正确的打开方式
2017/07/03 NodeJs
浅谈webpack对样式的处理
2018/01/05 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
js canvas实现画图、滤镜效果
2018/11/27 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
推荐15个最好用的JavaScript代码压缩工具
2019/02/13 Javascript
优雅地使用loading(推荐)
2019/04/20 Javascript
Python文件操作类操作实例详解
2014/07/11 Python
Python中关于使用模块的基础知识
2015/05/24 Python
Python中格式化format()方法详解
2017/04/01 Python
python使用os.listdir和os.walk获得文件的路径的方法
2017/12/16 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
Python爬虫的两套解析方法和四种爬虫实现过程
2018/07/20 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
Python实现深度遍历和广度遍历的方法
2019/01/22 Python
django项目用higcharts统计最近七天文章点击量
2019/08/17 Python
Python之Matplotlib文字与注释的使用方法
2020/06/18 Python
HTML5 Video/Audio播放本地文件示例介绍
2013/11/18 HTML / CSS
英国最好的温室之家:Greenhouses Direct
2019/07/13 全球购物
橄榄树药房:OLIVEDA
2019/09/01 全球购物
员工年终演讲稿
2014/01/03 职场文书
语文高效课堂实施方案
2014/05/03 职场文书
莫言诺贝尔获奖演讲稿
2014/05/21 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
司法局群众路线教育实践活动整改措施思想汇报
2014/10/13 职场文书
导游词之西江千户苗寨
2019/12/24 职场文书