摘要:JS里charCodeAt()和fromCharCode()方法拓展應用:加密與解密JS實現客戶端的網頁加密解密技術,可用作選擇性隱蔽展示。當然客戶端的加密安全度是不能與服務器相提并論,肯定不能用于密...
JS里charCodeAt()和fromCharCode()方法拓展應用:加密與解密
JS實現客戶端的網頁加密解密技術,可用作選擇性隱蔽展示。當然客戶端的加密安全度是不能與服務器相提并論,肯定不能用于密碼這類內容的加密,但對于一般級別的內容用作展示已經夠了。
JS加密與解密的解決方案有很多,本文則利用String對象的charCodeAt()方法和fromCharCode()方法對字符的ASCII編碼進行獲取和修改。
加密,解密代碼:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS網頁加密及解密</title> <meta name="author" content="YZMCMS" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head> <body> <p><textarea id="text1" name="textfield" cols="50" rows="5">YzmCMS這個產品怎么樣?</textarea></p> <input type="button" name="Button1" value="加密" onClick="text1.value = MySign.Encrypt(text1.value);"> <input type="button" name="Button2" value="解密" onClick="text1.value = MySign.UnEncrypt(text1.value);"> <script language="JavaScript"> var MySign = { //加密/解密次數 num: 0, //加密 Encrypt: function (Text) { this.num = this.num + 1; output = new String; alterText = new Array(); varCost = new Array(); TextSize = Text.length; for (i = 0; i < TextSize; i++) { idea = Math.round(Math.random() * 111) + 77; alterText[i] = Text.charCodeAt(i) + idea; varCost[i] = idea; } for (i = 0; i < TextSize; i++) { output += String.fromCharCode(alterText[i], varCost[i]); } //text1.value = output; return output; }, //解密 UnEncrypt: function (Text) { if (this.num > 0) { this.num = this.num - 1; output = new String; alterText1 = new Array(); varCost1 = new Array(); TextSize = Text.length; for (i = 0; i < TextSize; i++) { alterText[i] = Text.charCodeAt(i); varCost[i] = Text.charCodeAt(i + 1); } for (i = 0; i < TextSize; i = i + 2) { output += String.fromCharCode(alterText[i] - varCost[i]); } //text1.value = output; return output; } } }; //測試代碼 var testString = "光頭強,還不去砍樹?"; console.log(testString); var sign = MySign.Encrypt(testString); //湊?妣o忕??[還?什3呯′硠S桲a?b var sign2 = MySign.UnEncrypt(sign); //光頭強,還不去砍樹? console.log(sign); console.log(sign2); </script> </body> </html>
網友評論:
對我挺有用
2020-02-01 16:32:13 回復
網友評論:
不錯
2019-12-10 22:27:30 回復
網友評論:
如此好文章一定要留下名啊
2019-04-13 23:10:17 回復