javascript动态改变img的src属性图片不显示的解决方法
作者:
最近写了几句javascript程序代码,涉及到了动态改变图片的效果,结果在ie下显示不出了来,实在是郁闷,上网找寻结果,终于发现了,原来是 浏览器的问题。现在将方法贴出来分享。
首先讲下这个bug的出现的情况,页面中有
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg';">
这么一个a标签,onclick中的JS代码就是改变id为current的img标签的src属性,以达到动态切换图片的效果。可是不幸的是:IE是动态改变的图片的路径,但是图片却不显示出来,得右键“显示图片”才能看到改变后的图片,不知是什么原因,但据说是<a href="javascript:void(0)">或者<a href="#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为,导致ie6会错误的认为页面刷新或者重定向了,并且中断了当前所有连接,这样新图片的加载就被aborted了(不知真假),不管原因是真是假,下面就先说下解决方案吧
简单的解决方法:
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg'; return false;">;
就是在代码后面加上return false;即可
复制代码 代码如下:
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg';">
简单的解决方法:
复制代码 代码如下:
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg'; return false;">;
就是在代码后面加上return false;即可
您可能感兴趣的文章:
- js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
- node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
- nodejs 提示‘xxx’ 不是内部或外部命令解决方法
- jQuery在vs2008及js文件中的无智能提示的解决方法
- 让ie运行js时提示允许阻止内容运行的解决方法
- 访问JSP文件或者Servlet文件时提示下载的解决方法
- js 未结束的字符串常量错误解决方法
- 在js文件中写el表达式取不到值的原因及解决方法
- Jquery修改页面标题title其它JS失效的解决方法
- javascript alert乱码的解决方法
- JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法