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

最新推荐文章于 2024-05-22 16:52:21 发布

无尽的沉默

最新推荐文章于 2024-05-22 16:52:21 发布

阅读量4.3k

点赞数 2

分类专栏： js java 文章标签： javascript html safari

本文链接：https://blog.csdn.net/hgnuxc_1993/article/details/121858792

版权

java 同时被 2 个专栏收录

13 篇文章 4 订阅

订阅专栏

10 篇文章 2 订阅

订阅专栏

第一种：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>

无尽的沉默

关注

2
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
js 实现点击图片刷新验证码看不清换一张

第一种：js和html语句分离<!DOCTYPE html><html><head><meta charset="UTF-8"><title>切换二维码</title><script type="text/javascript">window.onload=function(){ //获取img标签的对象 img=document.getElementById("exchangecode");
复制链接

扫一扫