Question

js刷新验证码问题

用js控制验证码刷新
<script language=javascript type=text/javascript>

function fGetCode()
{

document.getElementById('checkImg').src='/verification/ImageServlet?temp=Math.random()';

}

</script>
<IMG src="/verification/ImageServlet" onclick=" fGetCode()">
为什么只能刷新一次，就是我点击验证码时，会刷新，但是再次点击时就不行了，这是为什么呢？

Answer 1

因为你刷新后IMG对象已经变化了，不是原来的图片dom对象了，所以注册的onclick事件也没了，
这样就要找一个固定不变的dom对象来注册事件。
在img外面加个div，把onclick事件加到这个div上
<div onclick="fGetCode()">
<IMG id="checkImg" src="/verification/ImageServlet">
</div>

Answer 2

问题出在Math.random()，这个获取的是一个浮点小数(0.XXXXXX)，所以每次虽然小数不同但是系统会自动变成整数'0’。所以点再多次temp获取到的随即数都是0没有变化，所以获取不到新的验证码，其次src='/verification/ImageServlet?temp=Math.random()'你这种写法有问题，应该写成：src='/verification/ImageServlet?temp=’+Math.random()，建议通过日期函数给temp赋随机值。

Answer 3

<IMG src="/verification/ImageServlet" onclick=" fGetCode()">
这个标签没有ID，改这样看看：
<IMG id="checkImg" src="/verification/ImageServlet" onclick=" fGetCode()">

追问

hh 实际上我是加了id的，只是上面没写出来

追答

那得看看你的ImageServlet程序怎么生成图片了

Answer 4

你的随机数生成写在引号里边了，会把它当成字符串的

Answer 5

onclick="this.src='yzm.php?'+new Date().getTime()";