点击按钮实时刷新图片

js给< img >标签的src赋值

最近做一个点击一个按钮刷新加载另一张图片的功能,主要就是改变图的路径,记录一下自己遇到的坑

支持原生的js和jq实现

用js原生方法:

document.getElementById(“imageId”).src = “xxxx.jpg”;

用Jquery方法:

$("#imageId").attr(“src”,“xxxx.jpg”);

误区 两种方法容易混用,平时写前端不多没有注意到这个问题

$("#imageId").src = “xxxx.jpg”;
document.getElementById(“imageId”).attr(“src”,“xxxx.jpg”);
上面这两种都不会生效

实现刷新需要在图片路径后面加一个随机数 才可以判断每次的请求都是不相同的

“xxx.jpg?t=”+Math.random();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值