简单验证码刷新时,在<img>标签中,绑定了onclick事件。但在浏览器中单击该图片时,验证码不会改变。
<img src="./captche" id="capImg" name="capImg" onclick="changeImg()">
<script type="text/javascript">
function changeImg() {
document.getElementById("capImg").src = "./captche";
}
</script>
经过查阅,发现是当 src 与之前浏览器缓存中的 src 一样时,浏览器 不刷新,导致验证码不会刷新。
解决方法:在 src 后 加随机数或时间
function changeImg() {
document.getElementById("capImg").src =
document.getElementById("capImg").src+"?"+Math.random();
//由于浏览器缓存,src一样的话,浏览器不刷新,所以在图片后面添加 随机数,即可解决刷新问题
}
简单验证码:https://blog.csdn.net/qq_36986510/article/details/105217915