javascript动态改变img的src属性图片不显示的解决方法
程序员文章站
2022-05-16 11:41:26
首先讲下这个bug的出现的情况,页面中有 复制代码 代码如下:
首先讲下这个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;即可
推荐阅读
-
javascript动态改变img的src属性图片不显示的解决方法
-
Jquery动态改变图片IMG的src地址示例
-
JavaScript如何动态改变图片显示大小的示例代码
-
Vue中img的动态src不显示图片
-
javascript动态改变img的src属性图片不显示的解决方法
-
Jquery动态改变图片IMG的src地址示例_jquery
-
JS使用oumousemove和oumouseout动态改变图片显示的方法_javascript技巧
-
js改变img标签的src属性在IE下没反应的解决方法_javascript技巧
-
Jquery动态改变图片IMG的src地址示例_jquery
-
javascript动态改变img的src属性图片不显示的解决方法_图象特效