<script>
  function refresh()
{
//重新获取验证码图片的src属性
document.getElementById("authImg").src='authImg?now=' + new Date();
}
</script><a href="#" onClick="refresh()">单击此处刷新</a>

解决方案 »

  1.   

    <img src="image.jsp" id="ccode" onclick="this.src=this.src"/>
      

  2.   

    <img src="image.jsp" id="ccode" /> <!-- 这句是你原有的 -->
    <!-- 以下是你应该加的 -->
    <script> 
    function refresh() 

    //重新获取验证码图片的src属性
    //因为浏览器对重复的url会使用之前缓存的数据,为了确保得到新的验证码,所以要加一个变化的参数
    document.getElementById("ccode").src="image.jsp?now=" + Math.random(); 

    </script> 
    <a href="#" onClick="refresh()">单击此处刷新 </a>
      

  3.   

    上边代码还有点小问题,由于onclick()中没return false,将会导致整个页面进行一次无意义的刷新。
    请改成:<img src="image.jsp" id="ccode" /> <!-- 这句是你原有的 -->
    <!-- 以下是你应该加的 -->
    <script> 
    function refreshCcode() 

      //重新获取验证码图片的src属性
      //因为浏览器对重复的url会使用之前缓存的数据,为了确保得到新的验证码,所以要加一个变化的参数
      document.getElementById("ccode").src="image.jsp?now=" + Math.random(); 

    </script> 
    <a href="javascript:refreshCcode();">单击此处刷新 </a>
      

  4.   

    <img src="image.jsp" id="code" onclick="this.src=src"/>