在登录窗口用到了动态生成验证码
代码:
<img alt="更新一张验证码图片" src="authimg" id='checkcode' style="cursor:pointer" onClick="refreshcode();"/>
对应的js
function refreshcode(){
document.getElementById("checkcode").src="authimg" ;
}
结果:
在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();
}