使用JS实做出加密解密操作

 这次给大家带来使用JS实做出加密解密操作,使用JS实做出加密解密操作的注意事项有哪些,下面就是实战案例,一起来看一下。

JavaScript实现对内容的加密和解密。加密,转成编码。解密则是编码转字符串。

JS加密解密 

加密解密

// 加密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;}

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

如何使用vue中实现点击空白处隐藏div实现

如何操作JS实现html中placeholder属性提示文字

以上就是使用JS实做出加密解密操作的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2750307.html

(0)
上一篇 2025年3月8日 05:34:27
下一篇 2025年2月25日 06:50:42

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 怎样利用JS做出引用传递与值传递

    这次给大家带来怎样利用JS做出引用传递与值传递,利用JS做出引用传递与值传递的注意事项有哪些,下面就是实战案例,一起来看一下。 这里详细解释JS值传递和引用传递以及二者的区别。 我们先来解释一下这两个的基本概念吧。 函数调用中,传递是一个数…

    编程技术 2025年3月8日
    200
  • 怎样利用源生JS实现出生日期下拉菜单

    这次给大家带来怎样利用源生JS实现出生日期下拉菜单,利用源生JS实现出生日期下拉菜单的注意事项有哪些,下面就是实战案例,一起来看一下。 在制作网页时,可能需要给用户提供注册帐号页面,用户注册 设计很多信息,其中就有 关于出生日期的,出于用户…

    编程技术 2025年3月8日
    200
  • 怎样利用node做出可读流动模式

    这次给大家带来怎样利用node做出可读流动模式,利用node做出可读流动模式的注意事项有哪些,下面就是实战案例,一起来看一下。 node的可读流基于事件 可读流之流动模式,这种流动模式会有一个”开关”,每次当&#82…

    2025年3月8日
    200
  • JS+正则取得小括号、中括号及花括号内容步骤详解

    这次给大家带来JS+正则取得小括号、中括号及花括号内容步骤详解,JS+正则取得小括号、中括号及花括号内容的注意事项有哪些,下面就是实战案例,一起来看一下。 JS 正则表达式 获取小括号 中括号 花括号内的内容 JS获取括号内容var str…

    2025年3月8日
    200
  • 在vue.js中如何选择baseurl的方法

    本篇文章主要介绍了vue.js根据代码运行环境选择baseurl的方法,现在分享给大家,也给大家做个参考。 配置通用的API前缀可以更好在本地通过接口代理转发获取数据、或者部署时在Nginx中做反向代理,但是项目中一旦涉及大量的需要文件上传…

    编程技术 2025年3月8日
    200
  • JS怎样做出动画效果流程进度条

    这次给大家带来JS怎样做出动画效果流程进度条,JS做出动画效果流程进度条的注意事项有哪些,下面就是实战案例,一起来看一下。 当在使用流程的时候,比如有一个审核流程,有三个阶段:开始,审核中,审核成功。当在不同的阶段,做相应的进度显示,当显示…

    2025年3月8日
    200
  • 后端程序员JS模块化使用说明

    这次给大家带来后端程序员JS模块化使用说明,后端程序员JS模块化使用的注意事项有哪些,下面就是实战案例,一起来看一下。 基础模式 匿名闭包 匿名闭包是很常用的代码隔离方式,声明匿名对象并立即执行。匿名函数中声明的变量和方法以及匿名函数本身不…

    编程技术 2025年3月8日
    200
  • 如何使用js获取当前时间

    这次给大家带来如何使用js获取当前时间,使用js获取当前时间的注意事项有哪些,下面就是实战案例,一起来看一下。 Date对象setDate() : 设置一个月的某一天。getFullYear() : 返回一个表示年的四位数字。getMont…

    编程技术 2025年3月8日
    200
  • 在vue.js中如何给动态绑定的radio列表做批量编辑

    下面我就为大家分享一篇vue.js给动态绑定的radio列表做批量编辑的方法,具有很好的参考价值,希望对大家有所帮助。 每个题目绑定的题目结构如下json对象,每次动态添加选项就是将其加入了vue实例的某个数组对象中: vm.options…

    2025年3月8日
    200
  • jscss基础操作总结

    这次给大家带来jscss基础操作总结,jscss基础操作的注意事项有哪些,下面就是实战案例,一起来看一下。 返回上一页: 返回上一页function goBack(){window.history.go(-1) -2即为退后2页} 登录后复…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论