JavaScript实现的简单加密解密操作示例

2019-11-19 13:44:07

字体：大中小

来源：转载

供稿：网友

本文实例讲述了JavaScript实现的简单加密解密操作。分享给大家供大家参考，具体如下：

JavaScript实现对内容的加密和解密。加密，转成编码。解密则是编码转字符串。

<html><head><meta charset="utf-8" /><title>www.VeVB.COm JS加密解密</title></head><body> <h1> 加密解密 </h1> <input type="text" id="secret" />  <input type="button" value="加密" onclick="encode()"> <input type="button" value="解密" onclick="decode();"><script>// 加密function encode(){    // var s = secret.value;  // s 是一个字符串， 类型： String  // 根据 s 来创建一个字符串对象  // str 的类型是: Object  // var str = new String(s);  // length 是获取字符串对象的长度，也就是说有多少个字符  // str.length  var str = secret.value;  var r = "";  // string 类型的可以当做字符串对象来用  for (var i = 0; i < str.length; i++)  {    // 取出下标为 i 字符的编码    var code = str.charCodeAt(i);    // 将字符对应的编码，拼接到一个空字符串上    r += code;    // 每个符号后，添加 , 分割    r += ",";  }  // secret.value   // 设置输入框的内容为 r  secret.value = r;}// 使用到知识点(1)---如何将一个 数字 转换成对应的 字符// String.fromCharCode // 函数功能： 将 数字 转换成对应的 字符// String 其实是系统的一个对象// document.write(  String.fromCharCode(97) );/*var s = "97,98,99,";// 字符串对象中 split 方法// 作用： 按照参数 分割 字符串// 返回值： 分割之后的 数组var arr = s.split(",");// 数组中多了一个空白的元素，如何处理？// 删除数组中最后一个元素arr.pop();document.write(arr);//*/// 解密function decode(){  // 获取文本框中的字符串  // 例如： 96,97,98  var str = secret.value;  // 思路：  // 1. 按照 , 分割字符串  // 2. 将每个 分割的子字符串 转换成 数字，再转换成 字符  //   96 97 98  // 3. 将还原的字符，拼接在一起，再设置到 input 中去  var arr = str.split(",");  // 用于拼接结果的  var r = "";  for (var i = 0; i < arr.length; i++)  {    // 获取加密后的 字符串的编码，是一个数字    var code = parseInt(arr[i]);    r += String.fromCharCode(code);  }  // 将拼接后的结果，设置到 input 中  secret.value = r;}</script> </body></html>

使用在线HTML/CSS/JavaScript代码运行工具http://tools.VeVB.COm/code/HtmlJsRun测试运行结果如下：