js实现登录页面验证码

最新推荐文章于 2021-10-28 19:16:20 发布

原创

最新推荐文章于 2021-10-28 19:16:20 发布 · 3.1k 阅读

21 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

本文介绍了如何利用JavaScript的Math对象生成随机数来创建登录页面的验证码。主要涉及Math.floor()用于向下取整和Math.random()生成0到1之间的伪随机数。还提及了验证码背景图片的应用。

主要用到的是js生成随机数

Math.floor();//向下取整

Math.random(); //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>验证码</title>
    <link rel="stylesheet"  type="text/css"  href="home.css"/>
    <script language="javascript" src="home.js" ></script>
</head>
<body onload="createCode()">
<form id="form1" runat="server" onsubmit="validateCode()">
    <div>
        <table border="0" cellspacing="5" cellpadding="5" >
            <tr>
                <td></td><td> <div class="code" id="checkCode" onclick="createCode()" ></div></td>
                <td><a  href="#" onclick="createCode()