第一种：js和html语句分离

注意：checkcode.java代码在上一篇验证码文章中

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>切换二维码</title>
<script type="text/javascript">
window.onload=function(){//获取img标签的对象img=document.getElementById("exchangecode");img.onclick=function(){//加时间戳,避免浏览器缓存var date=new Date().getTime()img.src="/responseproject/checkcode?"+date;}//获取a标签的对象ec=document.getElementById("ecode");ec.onclick=function(){//加时间戳var date=new Date().getTime()img.src="/responseproject/checkcode?"+date;}
}</script>
</head>
<body>
<img id="exchangecode" src="/responseproject/checkcode">
<a id="ecode" href="#">看不清？换一张图片</a>
</body>
</html>

第二种：第一种的省略版（不跳转页面）

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>切换二维码</title>
<script type="text/javascript">function jump() {imge=document.getElementById("exchangecode");var time=new Date().getTime();imge.src="/responseproject/checkcode?"+time;
}
</script>
</head>
<body>
<img id="exchangecode" src="/responseproject/checkcode" onclick="jump();">
<a id="ecode" href="#" onclick="jump();">看不清？换一张图片</a>
</body>
</html>

第三种：在href上改进，其实是跳转页面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>切换二维码</title>
<script type="text/javascript">function jump() {imge=document.getElementById("exchangecode");var time=new Date().getTime();imge.src="/responseproject/checkcode?"+time;
}
</script>
</head>
<body>
<img id="exchangecode" src="/responseproject/checkcode" onclick="jump();">
<a id="ecode" href="javascript:jump();" >看不清？换一张图片</a>
</body>
</html>

js 实现点击图片刷新验证码看不清换一张相关推荐

js 实现图片刷新验证码看不清换一张
[需求] html+js实现html中一个图片刷新但是整个页面不刷新,或者是验证码刷新. 不使用jsp,不使用ajax,不使用js框架. [原理] 当一个<img>的src改变时,页面会自 ...
php验证码图片看不清更换代码,php如何实现验证码看不清换一张的效果
php实现验证码看不清换一张的方法:首先打开PHP代码文件:然后添加js代码"function changing(){document.getElementById('checkpic'). ...
java绘制图片验证码两种方式实现，点击【图片】刷新和点击【看不清换一张】刷新
转载地址:https://blog.csdn.net/Jiang_Rong_Tao/article/details/78063295 点击打开链接 1.(看不清,换一张),点击刷新验证码 <im ...
tp5的验证码点击刷新看不清换一张
tp5的验证码功能已经集成到框架的扩展之中了,只是官方手册上没有仔细的介绍,导致不知道该如何像tp3一样实现点击刷新验证码&更换验证,其实蛮简单的. 首先使用Composer安装think-c ...
php点击图片更新验证码,thinkphp点击图片刷新验证码
本类验证码功能刷新功能,涉及到两个刷新,一个是点击验证码图片刷新,另一个是输错验证码刷新,当然自己刷新那就不要说了,那是肯定会刷新的.thinkPHP框架里面内置了verify.class.php验证 ...
验证码无法改变的问题（验证码看不清，换一个，却不起作用）
页面代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server&quo ...
jQuery 验证码输入错误后自动刷新验证码点击验证码图片刷新验证码
利用jQuery的attr()函数,向Servlet发出请求的时候加一个随机数, 保证每次都是不同的请求 $('#imgVcode').attr("src","/veri ...
html鼠标点击切换图片,js鼠标点击图片切换效果代码分享
本文实例讲述了js鼠标点击图片切换效果.分享给大家供大家参考.具体如下: 实现原理很简单,其实是多张图片叠加起来,点击图片后依次赋予图片一个class,使其看起来在表面而已,点击图片,可以实现图片的不 ...
js实现点击图片放大效果,以及懒加载图片
js实现点击图片放大效果,以及懒加载图片近期有个后端管理页面小优化,原来的图片是点击才会去后端请求图片展示到前端,用dialog的方式展示,但是不太直观存在两个问题 1.点击查看后,电子照片会变形 ...

js 实现点击图片刷新验证码看不清换一张

第一种：js和html语句分离

第二种：第一种的省略版（不跳转页面）

第三种：在href上改进，其实是跳转页面

js 实现点击图片刷新验证码看不清换一张相关推荐

最新文章

热门文章

js 实现 点击图片刷新 验证码 看不清 换一张

第一种：js和html语句分离

第二种：第一种的省略版（不跳转页面）

第三种：在href上改进，其实是跳转页面

js 实现 点击图片刷新 验证码 看不清 换一张相关推荐

最新文章

热门文章

js 实现点击图片刷新验证码看不清换一张

js 实现点击图片刷新验证码看不清换一张相关推荐