验证码在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();
}