作家
登录

javascript动态改变img的src属性图片不显示的解决方法

作者: 来源:www.28hudong.com 2013-03-30 01:15:00 阅读 我要评论

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

  推荐阅读

  使用jQuery模板来展现json数据的代码

完整代码: 复制代码 代码如下: $.fn.parseTemplate = function(data) { var str = (this).html(); var _tmplCache = {} var err = ""; try { var func = _tmplCache[str]; if (!func) { var strFunc = "var p=[],>>>详细阅读


本文标题:javascript动态改变img的src属性图片不显示的解决方法

地址:http://www.17bianji.com/kaifa2/JS/25573.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)