验证码刷新问题

1.傻瓜式刷新
  所谓的傻瓜式刷新就是，直接在验证码图片的后面添加一个超链接，超链接的地址还是本页面，这样的优点是：最简单的做法，一看就知道是

什么意思，没有技术含量。但是不足:这样刷新相当于刷新了整个页面，这样跟你点击浏览器刷新的效果一样，会把你填入表单的信息清空。
  下面再说两种刷新不会清空表单信息的做法，就是有点麻烦，网页常用的验证码刷新是第三种。

2.点击验证码图片刷新

<script type="text/javascript">
       function change(img){
          img.src = img.src + "?" + new Date().getTime(); 
       }  
</script>

<input type="text" name="checkcode">
&nbsp;&nbsp;&nbsp;
<img src="./CheckCode" onclick="change(this)">(看不清，点击验证码)

 

3.点击验证码后面的连接刷新

<script type="text/javascript">
function change(){
document.getElementById("img").src = "CheckCode?" + Math.random();
}
</script>

<input type="text" name="checkcode">&nbsp;&nbsp;
<img src="CheckCode" onclick="change()" id="img">&nbsp;&nbsp;
<a href="javascript:change();">看不清，点这里</a><br><br>

  详解：src = "CheckCode?" + Math.random();后面的问号是带参的意思，就是让这个路径后面跟一个随机数，已达到刷新的效果。img

src="CheckCode" ，这里的CheckCode是编写验证码的类，上面的js脚本中是通过获取id的方式来刷新的，所以这里的id必须有，一定不能省略

的