我是靠谱客的博主 现代雪碧,最近开发中收集的这篇文章主要介绍javascript动态改变img的src属性图片不显示的解决方法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

首先讲下这个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;即可

最后

以上就是现代雪碧为你收集整理的javascript动态改变img的src属性图片不显示的解决方法的全部内容,希望文章能够帮你解决javascript动态改变img的src属性图片不显示的解决方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(165)

评论列表共有 0 条评论

立即
投稿
返回
顶部