JS实现客户端的网页加密解密技术，可用作选择性隐蔽展示。当然客户端的加密安全度是不能与服务器相提并论，肯定不能用于密码这类内容的加密，但对于一般级别的内容用作展示已经够了。

JS加密与解密的解决方案有很多，本文则利用String对象的charCodeAt()方法和fromCharCode()方法对字符的ASCII编码进行获取和修改。

加密,解密代码：

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8">

     <title>网页加密及解密</title>

     <meta name="author" content="xiongzaiqiren" />

     <meta name="keywords" content="" />

     <meta name="description" content="" />

     <meta name="generator" content="ClassBao team coding in July 10, 2017" />

 </head>

 <body>

     <p><textarea id="text1" name="textfield" cols="50" rows="5">钱庄王员外这个人怎么样?</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忕›ｧ[還¬什³呯´硠S桲aﾁb

         var sign2 = MySign.UnEncrypt(sign); //光头强，还不去砍树？

         console.log(sign);

         console.log(sign2);

     </script>

 </body>

 </html>

JS里charCodeAt()和fromCharCode()方法拓展应用：加密与解密的更多相关文章

  1. Javascript中双等号(==)隐性转换机制 JS里charCodeAt()和fromCharCode()方法拓展应用：加密与解密

    Javascript中双等号(==)隐性转换机制   在Javascript中判断相等关系有双等号(==)和三等号(===)两种.其中双等号(==)是值相等,而三等号(===)是严格相等(值及类型是否 ...

  2. Java Des加解密方法（c#加密Java解密）

    最近我们用Java把一个用.net编写的老系统重新做了翻版,但是登录还是用.net的登录.这样就会遇到一个比较棘手的问题,我们登录用的cookie信息都是.net用des加密的,但我们不得不用Java ...

  3. PHP中的__toString方法(实现JS里的链式操作)

    _toString方法是在打印对象时自动调用的魔术方法,如果不声明会报以下错 Catchable fatal error: Object of class String could not be co ...

  4. js里的setTimeout和setInterval之后的页面是空白,阻塞浏览器的document对象，但是不阻塞script方法

    js里的setTimeout和setInterval是否进程阻塞? 阻塞浏览器的document对象,但是不阻塞script方法 当你在setTimeout中使用document.write时是不行的 ...

  5. js模仿jquery里的几个方法parent, parentUntil, children

    有时工作需要, 也是接着上一章的方法, 用js模仿jquery里的几个方法parent, parentUntil, children. function parent(node){ return no ...

  6. 微信小程序 引用其他js里的方法

    微信小程序中,在微信官方开发文档我们可以知道 小程序的目录结构 . 一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件 ...

  7. JS删除String里某个字符的方法

    关于JS删除String里的字符的方法,一般使用replace()方法.但是这个方法只会删除一次,如果需要将string里的所以字符都删除就要用到正则. 1 2 3 4 var str = " ...

  8. 【微信小程序】 引用公共js里的方法

    一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件.可是当有些公共方法,我们想抽离出来成为一个独立公共的js文件.我们 ...

  9. 记js里codePointAt()方法返回的结果的含义。

    经过<字符串的扩展>和<字符编码的那些事>这两篇文章的阅读,大概了解js里codePointAt方法返回结果的含义. var str='

随机推荐

  1. cmd 【已解决】windows连接手机，运行adb devices提示“unauthorized”

    报错截图如下: 问题原因:电脑连接手机.手机未授权 解决方式: 设置----开发者选项-----打开USB调试,出现如下弹框,点击"确定"即可解决问题.

  2. Java 11 新功能来了！

    关键时刻,第一时间送达! 目前 Oracle 已经发布了 Java Development Kit 10,下个版本 JDK 11 也即将发布.本文介绍 Java 11 的新功能. 根据Oracle新出 ...

  3. C++的代理类

    怎样在一个容器中包含类型不同,但是彼此有关系的对象?众所周知,C++的容器只能存放类型相同的元素,所以直接在一个容器中存储不同类型的对象本身是不可能的,只能通过以下两种方案实现: 1. 提供一个间接层 ...

  4. Redis 缓存失效和回收机制续

    二.Redis Key失效机制 Redis的Key失效机制,主要借助借助EXPIRE命令: EXPIRE key 30 上面的命令即为key设置30秒的过期时间,超过这个时间,我们应该就访问不到这个值 ...

  5. 多线程学习系列二（使用System.Threading）

    一.什么是System.Threading.Thread?如何使用System.Threading.Thread进行异步操作 System.Threading.Thread:操作系统实现线程并提供各种 ...

  6. Winform/WPF中内嵌BeetleX的HTTP服务

    在新版本的BeetleX.FastHttpApi加入了对netstandard2.0支持,如果程序基于.NetFramework4.6.1来构建WinForm或WPF桌面程序的情况下可以直接把Beet ...

  7. 《HelloGitHub》第 34 期

    公告 新年快乐!大家的年终奖都发了啥? <HelloGitHub>第 34 期 兴趣是最好的老师,HelloGitHub 就是帮你找到兴趣! 简介 分享 GitHub 上有趣.入门级的开源 ...

  8. 使用 ASP.NET Core MVC 创建 Web API（五）

    使用 ASP.NET Core MVC 创建 Web API 使用 ASP.NET Core MVC 创建 Web API(一) 使用 ASP.NET Core MVC 创建 Web API(二) 使 ...

  9. WebSocket协议详解与c++&c#实现

    摘要: 随着手机游戏.H5游戏以及微信小游戏的普及,越来越多的客户端-服务器端的通讯采用websocket协议.Websocket协议是全双工的.基于数据帧的.建立在tcp之上的长连接协议.Webso ...

  10. 《阿里巴巴 Java开发手册》读后感

    前言 只有光头才能变强 前一阵子一直在学Redis,结果在黄金段位被虐了,暂时升不了段位了,每天都拿不到首胜(好烦). 趁着学校校运会,合理地给自己放了一个小长假,然后就回家了.回到家才发现当时618 ...