打包下载:
JS下载 <https://download.csdn.net/download/u012978258/10484764>
 <>sha1:
<head> <script type="text/ecmascript" src="sha1.js"></script> </head> <body> 
<div> <label>待加密文本:</label> <input class="text" id="test3" value="24680"> 
<button id="doSha1">加密</button> <label>加密后:</label> <input class="text" 
id="sha1" disabled="disabled"> </div> </body> <script type="text/javascript"> 
$("#doSha1").click( function () { var test3Val = $("#test3").val(); var hash = 
hex_sha1(test3Val); $("#sha1").val(hash); }); </script> 
 <>base64:
<head> <script type="text/ecmascript" src="base64.js"></script> </head> <body> 
<div> <label>待加密文本:</label> <input class="text" id="test2" value="987654321"> 
<button id="doBase64">加密&解密</button> <label>加密后:</label> <input class="text" 
id="enbase64" disabled="disabled"> <label>解密后:</label> <input class="text" 
id="debase64" disabled="disabled"> </div> </body> <script 
type="text/javascript"> $("#doBase64").click( function () { var test2Val = 
$("#test2").val(); var bas = new Base64(); //加密 var hash = 
bas.encode(test2Val); $("#enbase64").val(hash); //解密 var str = 
bas.decode(hash); $("#debase64").val(str); }); </script> 
md5:
<head> <script type="text/ecmascript" src="md5.js"></script> </head> <body> 
<div> <label>待加密文本:</label> <input class="text" id="test1" value="123456789"> 
<button id="doMd5">加密</button> <label>加密后:</label> <input class="text" id="md5" 
disabled="disabled"> </div> </body> <script type="text/javascript"> 
$("#doMd5").click( function () { var test1Val = $("#test1").val(); var hash = 
hex_md5(test1Val); $("#md5").val(hash); }); </script> 
 <>完整代码:
<html> <head> <meta charset="utf-8"> <title>三种加密</title> <script 
type="text/javascript" src="2.1.4_jQuery.min.js"></script> <script 
type="text/ecmascript" src="sha1.js"></script> <script type="text/ecmascript" 
src="base64.js"></script> <script type="text/ecmascript" src="md5.js"></script> 
</head> <body> <!--MD5--> <h3>Md5:</h3> <div> <label>待加密文本:</label> <input 
class="text" id="test1" value="123456789"> <button id="doMd5">加密</button> 
<label>加密后:</label> <input class="text" id="md5" disabled="disabled"> </div> 
<!--MD5--> <!--base64--> <h3>Base64:</h3> <div> <label>待加密文本:</label> <input 
class="text" id="test2" value="987654321"> <button id="doBase64">加密&解密</button> 
<label>加密后:</label> <input class="text" id="enbase64" disabled="disabled"> 
<label>解密后:</label> <input class="text" id="debase64" disabled="disabled"> 
</div> <!--base64--> <!--Sha1--> <h3>Sha1:</h3> <div> <label>待加密文本:</label> 
<input class="text" id="test3" value="24680"> <button id="doSha1">加密</button> 
<label>加密后:</label> <input class="text" id="sha1" disabled="disabled"> </div> 
<!--MD5--> </body> <!--MD5--> <script type="text/javascript"> 
$("#doMd5").click( function () { var test1Val = $("#test1").val(); var hash = 
hex_md5(test1Val); $("#md5").val(hash); }); </script> <!--MD5--> <!--Base64--> 
<script type="text/javascript"> $("#doBase64").click( function () { var 
test2Val = $("#test2").val(); var bas = new Base64(); //加密 var hash = 
bas.encode(test2Val); $("#enbase64").val(hash); //解密 var str = 
bas.decode(hash); $("#debase64").val(str); }); </script> <!--Base64--> 
<!--sha1--> <script type="text/javascript"> $("#doSha1").click( function () { 
var test3Val = $("#test3").val(); var hash = hex_sha1(test3Val); 
$("#sha1").val(hash); }); </script> <!--sha1--> </html> 
热门工具 换一换