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();