JavaScript操作CSS样式实现简单的验证码的功能

最新推荐文章于 2021-12-23 22:33:01 发布

没有能与不能只有想与不想

最新推荐文章于 2021-12-23 22:33:01 发布

阅读量4k

点赞数

分类专栏： JavaScript-------------- DOM

本文链接：https://blog.csdn.net/yanghui07216/article/details/53442578

版权

JavaScript-------------- 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

DOM

3 篇文章 0 订阅

订阅专栏

JavaScript操作CSS样式实现简单的验证码的功能：

注意：这里只是样式与验证码相似，但真正的验证码是用图片做的；

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<script type="text/javascript">
			//产生4位的验证码
			function createCode(){
				var datas = ['A','B','C','1','2','3','5','6','杨','张','任'];
				var code = "";
				for(var i=0 ; i < 4 ; i++){
					var index = Math.floor(Math.random()*datas.length);
					code += datas[index];
				}
				var spanNode = document.getElementById("code");
				spanNode.innerHTML = code;
				spanNode.style.fontSize="24px";
				spanNode.style.color="red";
				spanNode.style.backgroundColor="gray";
				spanNode.style.textDecoration="line-through";
			}
			
			function ready(){
				createCode();
			}
		</script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>JavaScript操作CSS样式</title>
    </head>
    
    <body οnlοad="ready()">
    	<span id="code"></span><a href="#" οnclick="createCode()">看不清，换一个</a>
    </body>
</html>

没有能与不能只有想与不想

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript操作CSS样式实现简单的验证码的功能

JavaScript操作CSS样式实现简单的验证码的功能：注意：这里只是样式与验证码相似，但真正的验证码是用图片做的； //产生4位的验证码 function createCode(){ var datas = ['A','B','C','1','2','3','5','6','杨','张','任']; var code = "";
复制链接

扫一扫