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. html中layui+jfinal模板实现前端搜索功能

    <input type="text" id="campus" class="layui-input" onkeyup="ck ...

  2. 轻量级原生 ajax 函数，支持 get/array post/array post/json

    原生js封装 function ajaxRequest(type, url, data, callback, failCallBack, header, dataType) { var url_enc ...

  3. Main(string[] args)之args传递的几种方式

    1.通过配置project属性传递.如图: 2.通过代码传递 3.通过命令行传递

  4. java监听器简述

    监听器的概念 所谓监听器就是对内置对象的状态或者属性变化进行监听并且做出反应的特殊servlet,并且也需要在web.xml文件中进行相关配置. 内置对象的状态变化:初始化和销毁,也就是说当内置对象初 ...

  5. SuperMap iObject入门开发系列之四管线长度统计

    本文是一位好友“托马斯”授权给我来发表的,介绍都是他的研究成果,在此,非常感谢. 上一期文章主要写了管线系统的标注功能,结合代码简单讲解了一些超图.NET开发框架气泡Bubble的使用方法,这期的文章 ...

  6. Kindle Windows版本 中文字体修改工具

    近来想要用Windows看Kindle电子书,无奈Windows 版本的Kindle不能修改中文字体,非常难看.把Kindle拉到IDA PRO看了一下,发现Kindle Windows版本的中文字体 ...

  7. SQL Server关于predicate、density、selectivity、cardinality名词浅析

      在SQL Server中,我们要看懂执行计划和统计信息,我们可能需要深刻理解一些关键词,例如密度(Density).选择性(Selectivity).谓词(predicate).基数(Cardin ...

  8. Windows Cluster 添加新节点--验证报错

    今天给既有Windows Cluster 添加节点时,验证总是不通过.报错信息为 防火墙未正确配置为故障转移群集.现将处理步骤汇总如下. 1.错误具体信息 报错的位置 --[验证警告] 的步骤中发现错 ...

  9. SQLServer存储过程自制数据字典

    相信很多小伙伴都对[数据字典]很头疼. 小编刚入职的时候,老大丢一个项目过来,就一个设计文档,数据字典木有,字段说明木有, 全部都需要靠“联系上下文”来猜.所以小伙伴门一定要养成说明字段的习惯哦. 说 ...

  10. 解决ASP.NET Core MVC调试慢的问题

    最近在做的一个项目中,发现网页端同时发起了4个AJAX请求需要数秒才获取到响应,太慢了,当我把请求数降低为1个的时候,速度看起来就比较正常,增加到2个同时的请求后,速度就有些慢了,3个的话就明显慢了, ...