打包下载:
JS下载
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>