验证码在ie7和FF下无法刷新的问题

  在登录窗口用到了动态生成验证码

代码
<img alt="更新一张验证码图片" src="authimg" id='checkcode' style="cursor:pointer" onClick="refreshcode();"/>

对应的js

function refreshcode(){
    document.getElementById("checkcode").src="authimg" ;(或者new Date())
}

结果

在ie 6下验证码图片可以刷新,但是在 ie 7 和FF中无法刷新。

       

原因

       经分析,由于js指定的src与原来图片的src相同,而ie 6与ie 7及FF的刷新机制的不同(这个页面很容易被IE缓存了,所以点击验证码图片时,IE7和FF只是把缓存中的页面显示给客户端,而不是重新去服务器取新的页面),导致ie7和FF无法刷新。

解决思路

         给src所指地址(代码中的"authimg")传递一个参数,传递了不同的参数,浏览器就认为img的src发生了改变,就去服务器取新的页面,而不是读缓存,因此重新生成了新的验证码。

解决方法:

        可以用JavaScript.Math.random() 函数(返回0和1之间的伪随机数,可能为0,但总是小于1,[0,1))。

改进代码:

function refreshcode(){
    document.getElementById("checkcode").src="authimg?"+Math.random();
}

原文地址:https://www.cnblogs.com/aaa6818162/p/1502172.html