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

AI权益加码!Claude Code、Cursor等20+工具免费用! 购周边限时加赠Coding Plan Lite,畅享主流AI工具!学习进阶更高效! 阅读详情


首先讲下这个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了(不知真假),不管原

因是真是假,下面就先说下解决方案吧

简单的解决方法:
1、<a href="javascript:void(0)" onclick="document.getElementById('current').src=‘images/001.jpg’; return false;“

>;就是在代码后面加上return false;即可
2、把A换成SPAN等

 

javascript动态改变imgsrc属性图片显示解决方法 最近写了几句javascript程序代码,涉及到了动态改变图片的效果,结果在ie显示出了来,实在是郁闷,上网找寻结果,终于发现了,原来是 浏览器的问题。现在将方法贴出来分享。 立即下载

相关推荐

js中给img标签的src属性赋值显示

js中给img标签的src属性进行赋值,一定要使用require进行引入。

m0_52872381的博客 499

ie6下使用js替换img标签src属性图片显示的错误

首先,我必须再次强调一下,F-U-C-K I-E! 其次,简单阐述一下这个bug的出现的情况。页面中有个这么一个a标签,swapImgSrc这个方法就是替换页面上一个img标签的src属性,以达到动态切换图片路径的效果。但是,但是,在IE6这个浏览器下图片显示,用鼠标右键点击图片应该在的位置选择“显示图片”才能看到图片内容。使用httpwatch等神器可以发现新图片加载被aborte...

weizuqing的专栏 438

ie6,7下js动态加载图片显示错误

做了一个商品详情页面,先加载几个小图片,然后点击显示大图,html如下:align="middle" />用js写的,如下:function loadimg(_big, _obj) { $("#midimg").attr("src", _obj); }结果ie6、7都正常。换了种

流水账 2547

javascript获取、设置修改imgsrc属性(get/setAttribute)

在开发网站过程中,事先就设置好了图片imgsrc性,一般来说很少修改这个属性,网站加载时直接显示事先设置好的图片。但如果网页要求实现滚屏加载图片动态加载图片),也就是一次显示网页内的所有图片,当滚动屏幕时再显示进入屏幕区的图片。这样但可以减少对服务器的请求次数,而且能大大节省服务器的流量。 滚屏加载图片事先把网页内要动态显示图片的所有src属性设置为一张小图,待要显示目标图片时再把src属...

weixin_45673401的博客 4万+

vue中img标签的src属性总结

vue中img标签的src属性的使用 初步接触vue框架时,好多朋友使用img标签时,设置动态src属性时,可能都会遇到路径生效的问题,咱们废话多说,开整!!! img标签引用资源图片 一般需要webpack处理的资源放在static,需要经过处理的放在assets 1.需要webpack处理的图片放在static 需要webpack处理的图片,直接使用绝对路径调用图片,如"/static/xx/xxx.png" 栗子 html代码 <img v-bind:src="imgUrl"/>

weixin_46995731的博客 1万+

mpvue中动态渲染imgsrc属性初次渲染加载本地图片没有显示

<div class="userinfo" @click="login"> <img :src="userinfo.avatarUrl" alt=""> <p>{{userinfo.nickName}}</p> </div> export default { data () { re...

kfgauss的博客 3140

JavaScript 中,如何动态改变img> 标签的 src 属性加载同的图片

JavaScript中,动态改变<img>标签的src属性是一种常见的操作,通常用于在用户交互或某些事件触发时加载同的图片

m0_63331248的博客 2475

js修改imgsrc属性显示变换图片到前端页面,imgsrc属性显示java后台读取返回的本地图片

imgsrc属性是前端用来显示一张图片的来源,一般情况下src最常见是显示项目中resources\static问价夹下的图片,或者显示公网上的图片,如果想要在前端显示本地图片那要怎么处理呢?如果直接用本地图片的地址(例如src=“D:\Users\test.jpg”)前端是无法显示的。

sunzixiao的博客 6185

vue中动态设置imgsrc属性

我们知道在使用img标签时,直接在img标签中通过src属性设置图片的路径,即可表示对图片的引用。 <img src="../assets/drag_1.jpg"> 如上表示的是 引用的是assets文件下的1.jpg图片。这个对于所有的前端开发者来说,都是没有什么问题的。今天在开发vue项目中需要给img动态的设置src属性,这时通过js代码设置的src属性一直没有生效,导致图片显示了。 比如现在有10张照片,需要根据业务的同场景,对显示图片进行变换。如果我们在每次进行图片的更改

angularYang的博客 2万+

html js 修改img 图片拉伸,JSimg里面的src属性

javascript怎么动态更改img标签的src属性? var img_idx=0; var img_list=new Array("手机471.jpg","手机469.jpg"); function next_img(){ img_idx++; img_idx%=img_list.length; return img_list[img_idx]; } 扩展资料 for(var i = 0;...

weixin_36429440的博客 760
上一篇: 得到dataGridView单元格的值
下一篇: Javascript url decode, encode
ikmb
博客等级 码龄22年 59粉丝 329原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值