JavaScript加密@小四

第一种：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>

同学们听我说

JavaScript加密@小四

第一种：Unicode编码加密

1. 先来看一段代码，吊吊胃口，卖卖关子

2. 转换

3. 加密

第二种：base64加密

推荐阅读更多精彩内容