溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JavaScript實現(xiàn)的簡單加密解密操作示例

發(fā)布時間：2020-10-15 20:01:52 來源：腳本之家 閱讀：277 作者：Mcya 欄目：web開發(fā)

本文實例講述了JavaScript實現(xiàn)的簡單加密解密操作。分享給大家供大家參考，具體如下：

JavaScript實現(xiàn)對內(nèi)容的加密和解密。加密，轉(zhuǎn)成編碼。解密則是編碼轉(zhuǎn)字符串。

<html>
<head>
<meta charset="utf-8" />
<title>www.jb51.net JS加密解密</title>
</head>
<body>
 <h2> 加密解密 </h2>
 <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
  // 根據(jù) s 來創(chuàng)建一個字符串對象
  // str 的類型是: Object
  // var str = new String(s);
  // length 是獲取字符串對象的長度，也就是說有多少個字符
  // str.length
  var str = secret.value;
  var r = "";
  // string 類型的可以當(dāng)做字符串對象來用
  for (var i = 0; i < str.length; i++)
  {
    // 取出下標(biāo)為 i 字符的編碼
    var code = str.charCodeAt(i);
    // 將字符對應(yīng)的編碼，拼接到一個空字符串上
    r += code;
    // 每個符號后，添加 , 分割
    r += ",";
  }
  // secret.value 
  // 設(shè)置輸入框的內(nèi)容為 r
  secret.value = r;
}
// 使用到知識點(1)---如何將一個 數(shù)字 轉(zhuǎn)換成對應(yīng)的 字符
// String.fromCharCode 
// 函數(shù)功能： 將 數(shù)字 轉(zhuǎn)換成對應(yīng)的 字符
// String 其實是系統(tǒng)的一個對象
// document.write(  String.fromCharCode(97) );
/*
var s = "97,98,99,";
// 字符串對象中 split 方法
// 作用： 按照參數(shù) 分割 字符串
// 返回值： 分割之后的 數(shù)組
var arr = s.split(",");
// 數(shù)組中多了一個空白的元素，如何處理？
// 刪除數(shù)組中最后一個元素
arr.pop();
document.write(arr);
//*/
// 解密
function decode()
{
  // 獲取文本框中的字符串
  // 例如： 96,97,98
  var str = secret.value;
  // 思路：
  // 1. 按照 , 分割字符串
  // 2. 將每個 分割的子字符串 轉(zhuǎn)換成 數(shù)字，再轉(zhuǎn)換成 字符
  //   96 97 98
  // 3. 將還原的字符，拼接在一起，再設(shè)置到 input 中去
  var arr = str.split(",");
  // 用于拼接結(jié)果的
  var r = "";
  for (var i = 0; i < arr.length; i++)
  {
    // 獲取加密后的 字符串的編碼，是一個數(shù)字
    var code = parseInt(arr[i]);
    r += String.fromCharCode(code);
  }
  // 將拼接后的結(jié)果，設(shè)置到 input 中
  secret.value = r;
}
</script> 
</body>
</html>

使用在線HTML/CSS/JavaScript代碼運(yùn)行工具http://tools.jb51.net/code/HtmlJsRun測試運(yùn)行結(jié)果如下：

JavaScript實現(xiàn)的簡單加密解密操作示例

PS：關(guān)于加密解密感興趣的朋友還可以參考本站在線工具：

文字在線加密解密工具（包含AES、DES、RC4等）：
http://tools.jb51.net/password/txt_encode

在線編碼轉(zhuǎn)換工具(utf-8/utf-32/Punycode/Base64)：
http://tools.jb51.net/transcoding/decode_encode_tool

BASE64編碼解碼工具：
http://tools.jb51.net/transcoding/base64

在線MD5/hash/SHA-1/SHA-2/SHA-256/SHA-512/SHA-3/RIPEMD-160加密工具：
http://tools.jb51.net/password/hash_md5_sha

在線sha1/sha224/sha256/sha384/sha512加密工具：
http://tools.jb51.net/password/sha_encode

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript加密解密技巧匯總》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手