您的位置：首页 > Web前端

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

2016-04-27 22:50 330 查看

文章目的

：对前端加密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

**

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 前端 base64 加密 sha1 md5

相关文章推荐

新的分享

章节导航