JSP页面onclick点击事件无法更换img标签里面的图片（例如点击更换验证码图片）

一、问题描述

    在JSP页面的img标签添加onclick属性，点击图片时无法重新加载图片。

二、原因分析

    1、onclick属性里面的方法名最后未添加括号或分号，导致无法加载script里面相应的方法；

    2、img标签的src地址如果不变化，默认会加载缓存的，因此在点击图片的方法里面需要使每次点击时的url不一样。

三、解决措施

    1、img标签按照规范书写；

    2、在点击方法里面的url地址后增加一个以当前时间的参数（“&t="+new date()）。

示例如下：

img标签代码：

<img id="verifyCodeImg" src="${pageContext.request.contextPath}/userServlet?methodName=verifyCode" 
     onclick="changeVerifyCode();"/>

点击更换验证码图片的代码：

<script type="text/javascript">
	function changeVerifyCode(){
		$("#verifyCodeImg").attr("src","${pageContext.request.contextPath}/userServlet?methodName=verifyCode&t="+new Date());
	}
</script>