一、问题描述
在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();"/>
点击更换验证码图片的代码:
扫描二维码关注公众号,回复:
2945706 查看本文章
<script type="text/javascript">
function changeVerifyCode(){
$("#verifyCodeImg").attr("src","${pageContext.request.contextPath}/userServlet?methodName=verifyCode&t="+new Date());
}
</script>