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>