Utiliser JS pour implémenter les opérations de chiffrement et de déchiffrement-js tutoriel-php.cn

Utiliser JS pour implémenter les opérations de chiffrement et de déchiffrement

php中世界最好的语言

Libérer： 2018-06-04 10:48:55

original

2703 Les gens l'ont consulté

Cette fois, je vais vous apporter les précautions concernant l'utilisation de JS pour effectuer des opérations de chiffrement et de décryptage. Ce qui suit est un cas pratique, jetons un coup d'œil.

JavaScript implémente le cryptage et le décryptage du contenu. Crypter et convertir en codage. Le décryptage est codé en chaîne .

<html>
<head>
<meta charset="utf-8" />
<title>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>

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser vue pour cliquer sur l'espace vide pour masquer le div

Comment opérer JS pour implémenter le texte d'invite de l'attribut d'espace réservé HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!