第一种：Unicode编码加密
1. 先来看一段代码，吊吊胃口，卖卖关子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
let str = '';
for(let i = 38000;i<40000; i++) {
str+=String.fromCharCode(i); // fromCharCode() 可接受一个指定的 Unicode 值，然后返回一个字符串。
}
document.body.innerHTML = str;
</script>
</body>
</html>
以上代码输出的结果会是：“一堆你不认识的字符串”
2. 转换
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text"><input type="button" value="加密">
<div id="div1">加密...</div>
<script>
/*
* 点击加密按钮后，会把你输入的字符通过charCodeAt() 方法转为数字
*/
let aInput = document.getElementsByTagName('input');
let oDiv = document.getElementById('div1');
aInput[1].onclick = function () {
let str = aInput[0].value; // 输入的文字
let str1 = '';
for (let i = 0; i<str.length; i++) {
str1+=str.charCodeAt(i) + ':'; // charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数
}
oDiv.innerHTML = str1;
}
</script>
</body>
</html>
以上代码输出的结果会是：“击加密按钮后，会把你输入的字符通过charCodeAt() 方法转为数字”
3. 加密
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text"><input type="button" value="加密">
<div id="div1">加密...</div>
<script>
let aInput = document.getElementsByTagName('input');
let oDiv = document.getElementById('div1');
aInput[1].onclick = function () {
let str = aInput[0].value; // 输入的文字
let str1 = '';
for (let i = 0; i<str.length; i++) {
str1+=String.fromCharCode(str.charCodeAt(i) - 10000) + ':'; // 这里是加密规则（当然这个规则由你自己定），熟记
}
oDiv.innerHTML = str1;
}
</script>
</body>
</html>
以上代码输出的结果会是：“按照你自己定义的加密规则，对输入的内容 进行加密”
第二种：base64加密
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="base64.js"></script>
</head>
<body>
<input type="text" placeholder="输入要加密的内容"><input type="button" value="加密"><input type="button" value="解密">
<div id="div1">加密...</div>
<script>
let aInput = document.getElementsByTagName('input');
let oDiv = document.getElementById('div1');
let base = new Base64();
aInput[1].onclick = function () { // 加密
oDiv.innerHTML = base.encode(aInput[0].value);
}
aInput[2].onclick = function () { // 解密
oDiv.innerHTML = base.decode(oDiv.innerHTML);
}
</script>
</body>
</html>
同学们听我说
网友评论