【前端】加密算法MD5、SHA1、Base64实测

最新推荐文章于 2024-04-19 10:18:52 发布

pengdongneng

最新推荐文章于 2024-04-19 10:18:52 发布

阅读量7.6k

点赞数 14

分类专栏：前端加密文章标签：前端 base64 加密 sha1 md5

本文链接：https://blog.csdn.net/pengdongneng/article/details/51265158

版权

前端同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

加密

1 篇文章 0 订阅

订阅专栏

文章目的

：对前端加密js库的使用

原理：使用js加密库。主要js加密库，md5.js，sha1.js，base64.js

不多说，贴代码：

html页面

：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>MD5</title>
    </head>
    <body>
        <p>MD5,SHA1,Base64加密算法案例</p>
        <input type="text" name="content" class="text" placeholder="请输入要加密内容"/>
        <button class="bt" onclick="show()">加密</button>
        <hr/>
        加密结果：<br />
        MD5加密：<p class="md5"></p><br/>
        SHA1加密：<p class="sha1"></p><br/>
        Base64加密(encode)：<p class="base64"></p> base64解密：<p class="base"></p> <br/>base64普通加密方式<br/>
        <script type="text/javascript" src="js/md5.js" ></script>
        <script type="text/javascript" src="js/sha1.js" ></script>
        <script type="text/javascript" src="js/base64.js" ></script>
        <script>
            function show(){
                /*
                 * 
                 *md5,sha1,base64加密案例   
                 *制作者:DongNeng
                 * 
                 */

                var content = document.getElementsByClassName("text")[0].value;

                //md5
                document.getElementsByClassName("md5")[0].innerHTML =md5(content);

                //sha1
                document.getElementsByClassName("sha1")[0].innerHTML =hex_sha1(content);

                //base64
                var base = new Base64();
                document.getElementsByClassName("base64")[0].innerHTML =base.encode(content);
                var base_ = document.getElementsByClassName("base64")[0].innerHTML;
                document.getElementsByClassName("base")[0].innerHTML =base.decode(base_);

            }
        </script>
    </body>
</html>

js库免费下载：（支持请点赞）

base64.js
md5.js
sha1.js

不收积分，只收赞，请赞一个！！！！

pengdongneng

关注

14
点赞
踩
3

收藏

觉得还不错? 一键收藏
4
评论
【前端】加密算法MD5、SHA1、Base64实测

文章目的：对前端加密js库的使用原理：使用js加密库。主要js加密库，md5.js，sha1.js，base64.js不多说，贴代码：html页面：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>MD5</title> </head> <body> <
复制链接

扫一扫