index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/core-min.js"></script>
<script type="text/javascript" src="js/aes.js"></script>
<script type="text/javascript" src="common.js"></script>
<script type="text/javascript" >
function jia(){
var array=encrypt(document.getElementById("old").value,"我是可以随机生成的私钥!");
document.getElementById("key").value=array[0];
document.getElementById("new").value=array[1];
}
function jie(){
var old=decrypt(document.getElementById("new").value,document.getElementById("key").value);
document.getElementById("div").value=unescape(old);
}
</script>
</head>
<body>
<form action="" method="POST" style="margin:20px;padding:20px;" align="center">
<input type="text" value="" id="old"/>
<input type="button" value="加密" οnclick="jia();"/>
<input type="text" value="" id="new"/>
<input type="hidden" id="key">
<input type="button" value="解密" οnclick="jie()"/>
<input type="text" id="div" value=""/>
</form>
</body>
</html>
此加密及解密是用AES方式需要引入 aes.js、core-min.js文件
自定义 common.js
/**
*
* @param encryptchar 加密字符
* @param key 加密私钥
* @return
*/
function encrypt(encryptchar,key){
if(encryptchar==""||key==""){
alert("加密字符或私钥为空!");
return;
}
var array=new Array();
array[0]=key;
array[1]=CryptoJS.AES.encrypt(encryptchar,key);;
return array;
}
/**
*
* @param char 密文
* @param key 解密私钥
* @return
*/
function decrypt(char,key){
if(char==""||key==""){
alert("密文或私钥为空!");
return;
}
return CryptoJS.AES.decrypt(char,key).toString(CryptoJS.enc.Utf8);
}
下载附件