JS:图片验证码

条件:事先需要做成图片

原理:随机调取图片

案例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>随机生成登录图片验证码</title>
	</head>
	<body>
		<table>
			<tr>
				<div id='div1'></div>
				</td>
			</tr>
		</table>
	</body>
<script language="javascript">
			var str = "";
			var img = "";
			var strsource = ['是', '天', '日', '科', '的', '会', '更', '好', '创', '新'];		
			for(var i = 0; i < 4; i++) {
				var n = Math.floor(Math.random() * strsource.length);
				str = str + strsource[n];
				img = img + "<img src='Images/checkcode/" + n + ".gif' width='19' height='20'> "; //图片路径
				div1.innerHTML = img;		//设置div1的输出	
			}
		</script>
</html>

运行:

猜你喜欢

转载自blog.csdn.net/qq_42192693/article/details/82633159