第一種：Unicode編碼加密
1. 先來看一段代碼，吊吊胃口，賣賣關(guān)子
<!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>
以上代碼輸出的結(jié)果會是：“一堆你不認識的字符串”
2. 轉(zhuǎn)換
<!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() 方法轉(zhuǎn)為數(shù)字
*/
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 之間的整數(shù)
}
oDiv.innerHTML = str1;
}
</script>
</body>
</html>
以上代碼輸出的結(jié)果會是：“擊加密按鈕后，會把你輸入的字符通過charCodeAt() 方法轉(zhuǎn)為數(shù)字”
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) + ':'; // 這里是加密規(guī)則（當然這個規(guī)則由你自己定），熟記
}
oDiv.innerHTML = str1;
}
</script>
</body>
</html>
以上代碼輸出的結(jié)果會是：“按照你自己定義的加密規(guī)則，對輸入的內(nèi)容 進行加密”
第二種：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="輸入要加密的內(nèi)容"><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>
同學們聽我說
