本章节主要讲解利用cryptojs框架实现sha1 sha3 sha224 sha256 sha384 sha512六种sha的加密
1、下载CryptoJs包
CryptoJS的包，下载地址：https://code.google.com/archive/p/crypto-js/downloads，下载解压之后如下图所示
所依赖的包主要在components文件夹下，其中找到core.js、sha1.js、sha3.js、sha224.js、sha256.js、sha384.js、sha512.js七个依赖文件，其中core.js为依赖基础文件。
2、sha加密实现示例
1，新建sha.html页面，然后把components文件夹下的core.js和上述六种sha开头的js文件复制出来并引入到html中
<!-- V型知识库原创 www.vxzsk.com --> <script type="text/javascript" src="core.js"></script> <script type="text/javascript" src="sha1.js"></script> <script type="text/javascript" src="sha3.js"></script> <script type="text/javascript" src="sha224.js"></script> <script type="text/javascript" src="sha256.js"></script> <script type="text/javascript" src="sha384.js"></script> <script type="text/javascript" src="sha512.js"></script>
2，sha加密实现的javascript代码
<script type="text/javascript">
alert("你好，欢迎来V型知识库，这是一个sha1测试:"+CryptoJS.SHA1("你好，欢迎来到V型知识库，这是一个SHA1测试"));
alert("你好，欢迎来V型知识库，这是一个sha3测试:"+CryptoJS.SHA3("你好，欢迎来到V型知识库，这是一个SHA3测试"));
alert("你好，欢迎来V型知识库，这是一个sha224测试:"+CryptoJS.SHA224("你好，欢迎来到V型知识库，这是一个SHA224测试"));
alert("你好，欢迎来V型知识库，这是一个sha256测试:"+CryptoJS.SHA256("你好，欢迎来到V型知识库，这是一个SHA256测试"));
alert("你好，欢迎来V型知识库，这是一个sha384测试:"+CryptoJS.SHA384("你好，欢迎来到V型知识库，这是一个SHA384测试"));
alert("你好，欢迎来V型知识库，这是一个sha512测试:"+CryptoJS.SHA512("你好，欢迎来到V型知识库，这是一个SHA512测试"));
</script>3、预览效果
用浏览器打开sha.html页面
如上图，加密串已经弹出来了。
4、sha.html源码
<!DOCTYPE html>
<head>
<meta charset="utf-8">
</head>
<body >
<!-- V型知识库原创 www.vxzsk.com -->
<script type="text/javascript" src="core.js"></script>
<script type="text/javascript" src="sha1.js"></script>
<script type="text/javascript" src="sha3.js"></script>
<script type="text/javascript" src="sha224.js"></script>
<script type="text/javascript" src="sha256.js"></script>
<script type="text/javascript" src="sha384.js"></script>
<script type="text/javascript" src="sha512.js"></script>
<script type="text/javascript">
alert("你好，欢迎来V型知识库，这是一个sha1测试:"+CryptoJS.SHA1("你好，欢迎来到V型知识库，这是一个SHA1测试"));
alert("你好，欢迎来V型知识库，这是一个sha3测试:"+CryptoJS.SHA3("你好，欢迎来到V型知识库，这是一个SHA3测试"));
alert("你好，欢迎来V型知识库，这是一个sha224测试:"+CryptoJS.SHA224("你好，欢迎来到V型知识库，这是一个SHA224测试"));
alert("你好，欢迎来V型知识库，这是一个sha256测试:"+CryptoJS.SHA256("你好，欢迎来到V型知识库，这是一个SHA256测试"));
alert("你好，欢迎来V型知识库，这是一个sha384测试:"+CryptoJS.SHA384("你好，欢迎来到V型知识库，这是一个SHA384测试"));
alert("你好，欢迎来V型知识库，这是一个sha512测试:"+CryptoJS.SHA512("你好，欢迎来到V型知识库，这是一个SHA512测试"));
</script>
</body>
</html>
此文章本站原创，地址 https://www.vxzsk.com/1897.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程