非常简单的MD5算法加密入门-CFANZ编程社区

非常简单的MD5算法加密入门

MD5加密算法在JS中的初步运用

md5z怎么引入

<script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>

在head标签下面加入上面的连接，相当于一个网络引入~

主要用法加密我们的数据

直接在md5()方法里面添加需要加密的数字即可：

console.log(md5(1111))

//结果    b59c67bf196a4758191e42f76670ceba

在JS代码块中的入门运用方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
                                //引入MD5方法的标签
    <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
</head>
<body>

<form action="#" method="post" name="">
    <p>
        <span>用户名:</span> <input type="text" id="username">
    </p>
    <p>
        <span>密码：</span> <input type="password" id="password"  >
    </p>

<!--    绑定一些事件    onclick被点击-->
    <button type="button" onclick="aaa()" >提交</button>
</form>


<script>
    function aaa() {
       var uname=document.getElementById('username');
       var pwd=document.getElementById('password');
       console.log(uname.value)
        pwd.value=md5(pwd);          //运用MD5进行加密，保护用户密码
       console.log(pwd.value)
    }
</script>
</body>
</html>