web前端三种常见的通过JS加密文本方式，常用于密码加密等

最新推荐文章于 2024-05-28 10:35:40 发布
最新推荐文章于 2024-05-28 10:35:40 发布
阅读量3w 收藏 31
点赞数 5
分类专栏： Web

打包下载：
JS下载

sha1：

<head>
	<script type="text/ecmascript" src="sha1.js"></script>
</head>

<body>
	<div>
	    <label>待加密文本:</label>
	    <input class="text" id="test3" value="24680">
	    <button id="doSha1">加密</button>
	    <label>加密后:</label>
	    <input class="text" id="sha1" disabled="disabled">
	</div>
</body>

<script type="text/javascript">
    $("#doSha1").click(
        function () {
            var test3Val = $("#test3").val();
            var hash = hex_sha1(test3Val);
            $("#sha1").val(hash);
        });
</script>

base64：

<head>
	<script type="text/ecmascript" src="base64.js"></script>
</head>

<body>
	<div>
	    <label>待加密文本:</label>
	    <input class="text" id="test2" value="987654321">
	    <button id="doBase64">加密&解密</button>
	    <label>加密后:</label>
	    <input class="text" id="enbase64" disabled="disabled">
	    <label>解密后:</label>
	    <input class="text" id="debase64" disabled="disabled">
	</div>
</body>

<script type="text/javascript">
    $("#doBase64").click(
        function () {
            var test2Val = $("#test2").val();
            var bas = new Base64();
            //加密
            var hash = bas.encode(test2Val);
            $("#enbase64").val(hash);
            //解密
            var str = bas.decode(hash);
            $("#debase64").val(str);
        });
</script>

md5：

<head>
	<script type="text/ecmascript" src="md5.js"></script>
</head>

<body>
	<div>
	    <label>待加密文本:</label>
	    <input class="text" id="test1" value="123456789">
	    <button id="doMd5">加密</button>
	    <label>加密后:</label>
	    <input class="text" id="md5" disabled="disabled">
	</div>
</body>

<script type="text/javascript">
    $("#doMd5").click(
        function () {
            var test1Val = $("#test1").val();
            var hash = hex_md5(test1Val);
            $("#md5").val(hash);
        });
</script>

完整代码：

<html>
<head>
    <meta charset="utf-8">
    <title>三种加密</title>
    <script type="text/javascript" src="2.1.4_jQuery.min.js"></script>
    <script type="text/ecmascript" src="sha1.js"></script>
    <script type="text/ecmascript" src="base64.js"></script>
    <script type="text/ecmascript" src="md5.js"></script>
</head>

<body>
<!--MD5-->
<h3>Md5:</h3>
<div>
    <label>待加密文本:</label>
    <input class="text" id="test1" value="123456789">
    <button id="doMd5">加密</button>
    <label>加密后:</label>
    <input class="text" id="md5" disabled="disabled">
</div>
<!--MD5-->

<!--base64-->
<h3>Base64:</h3>
<div>
    <label>待加密文本:</label>
    <input class="text" id="test2" value="987654321">
    <button id="doBase64">加密&解密</button>
    <label>加密后:</label>
    <input class="text" id="enbase64" disabled="disabled">
    <label>解密后:</label>
    <input class="text" id="debase64" disabled="disabled">
</div>
<!--base64-->

<!--Sha1-->
<h3>Sha1:</h3>
<div>
    <label>待加密文本:</label>
    <input class="text" id="test3" value="24680">
    <button id="doSha1">加密</button>
    <label>加密后:</label>
    <input class="text" id="sha1" disabled="disabled">
</div>
<!--MD5-->

</body>

<!--MD5-->
<script type="text/javascript">
    $("#doMd5").click(
        function () {
            var test1Val = $("#test1").val();
            var hash = hex_md5(test1Val);
            $("#md5").val(hash);
        });
</script>
<!--MD5-->

<!--Base64-->
<script type="text/javascript">
    $("#doBase64").click(
        function () {
            var test2Val = $("#test2").val();
            var bas = new Base64();
            //加密
            var hash = bas.encode(test2Val);
            $("#enbase64").val(hash);
            //解密
            var str = bas.decode(hash);
            $("#debase64").val(str);
        });
</script>
<!--Base64-->

<!--sha1-->
<script type="text/javascript">
    $("#doSha1").click(
        function () {
            var test3Val = $("#test3").val();
            var hash = hex_sha1(test3Val);
            $("#sha1").val(hash);
        });
</script>
<!--sha1-->
</html>
oOMirageOo
关注
  • 5
    点赞
  • 踩
  • 31
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
excel导出加密
weixin_40364421的博客
02-20 1277
今天需要写一个excel导出加密，具体实现方法是先将文件导出，再获取文件，加密后导出成新的文件，删除或替换原文件。 依赖包poi 一定要注意最好是3.17，我之前用的是4.1.0打开会显示文件损坏，还没找到原因。 加密代码如下，参考用的是： https://poi.apache.org/encryption.html XML-based formats - Decryption /** ...
web前端三种常见的通过JS加密文本方式
06-18
在Web前端，MD5常用于密码存储，因为即使数据库被泄露，原文密码也无法直接还原。MD5.js文件就是实现MD5加密的JavaScript库，你可以通过调用其提供的函数来对文本进行MD5加密。 2. **Base64** Base64不是一种加密...
前端常用的几种加密方法
热门推荐
stc_ljc的博客
11-16 12万+
在信息安全越来越受重视的今天，JS 安全一直是前端工程师们注重的大问题,前端的各种加密也变得更加重要。通常跟服务器的交互中，为保障数据传输的安全性，避免被人抓包篡改数据，除了 https 的应用，还需要对传输数据进行加解密,保证了所有使用者的权益不被侵犯。
前端常用6种数据加密方式的使用（最详解）
ZXH0122的博客
03-15 2284
相信大家在工作或面试中经常遇到需要加密的功能，无论是 web 后台还是小程序，都常常存在加解密传输，签名防篡改等机制，会使很多渗透人员没有办法直接对参数的值进行更改，大大增加了攻击者的攻击成本。下面我介绍前端6种常用的加密如何使用，如有不足之处，欢迎大家补充。讲到这里，相信大家对前端加密的6种方式有详细的使用认识，如有不足之处，请大家补充，欢迎在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。t=N7T8。
前端加密的方式汇总
最新发布
任磊
05-28 2777
随着信息和数据安全重要性的日益凸显，如何保证信息数据在传输的过程中的安全成为开发者重点关注的内容。前端加密通常是指在浏览器中对各种传输的数据进行各种加密操作。然而前端加密更多的是用来对传输的数据进行简单的混淆，为了确保数据在传输过程中不被轻易的篡改和读取。可供我们选择的加密方式有很多种，需要我们在开发过程中根据实际的场景选择适合自己的加密解决方案。那么，本文将结合应用场景来介绍一下前端开发中常用的加密方法。
Web开发：MD5加密的demo
m0_67412019的博客
01-22 353
【代码】Web开发：MD5加密的demo。
RSA加密web前端用户名密码加密传输至后台并解密
weixin_42127766的博客
09-21 2万+
RSA加密 用户名密码加密 Javaweb js
关于java导出Excel 并设置密码权限
u013753310的博客
11-12 3766
最近工作不是特别忙，本来是想写一写高大尚点的技术分享，没想好，就随便分享点东西出来吧，第一次写技术分享，欢迎指正。 如果您正在苦苦寻找同时兼容 2003版 2007 版excel， 如果这是您要的效果： 好了直接上代码： package com.util; import java.io.ByteArrayInputStream; import java.io.ByteArra...
关于Web前端密码加密是否有意义的总结！
爱上在路上
04-18 1万+
参考来源：    Web前端密码加密是否有意义？       http下是否有加密登陆密码的必要 起因：是一个90后团队搞的一个流氓公司，做 Mac 下的盗版应用商场，被骂了一通，同时调侃 http 协议明文传输用户名密码，太低级。后来有个人站出来，提出“前端对数据进行加密没有意义”这个观点。后来就是的骂战了。。。 无意义说：密码在前端加密完全没有意义，对密码系统的安全性
基于web的前端，服务器端的aes加密解密
12-06
本主题主要围绕"基于web的前端，服务器端的AES加密解密"展开，将深入探讨如何在前端JavaScript和后端实现AES加密与解密。 首先，让我们理解AES加密的基本原理。AES是一种分组密码，它将明文数据分成128位的块进行...
通过js简单实现将一个文本内容转译成加密文本
10-26
将文本内容转译成加密文本，在某些情况下还是比较实用的，下面通过js简单实现下，感兴趣的朋友不要错过
CRYPTOP:用于加密文本的桌面应用程序
04-30
综上所述，CRYPTOP 是一个利用 JavaScript、Electron 和 AES 加密技术开发的桌面应用，提供了加密文本的功能，用户可以使用它来保护自己的隐私数据。其开发过程涉及了前端开发技术、包管理以及加密算法的实现。
rsa加密，js前端加密，java后端加密
09-14
RSA加密是一种非对称加密算法，它基于两个不同的密钥：公钥和私钥。这种加密方式的安全性基于大整数因子分解的困难性。在RSA系统中，公钥可以公开，用于加密信息，而私钥必须保密，用于解密信息。在你的项目中，前端...
AffineCipher:使用Vue.js进行仿射密码加密！ #NotFancyAppChallenge
05-12
在这个项目中，我们看到开发者使用Vue.js这一前端框架来实现了一个仿射密码的加密应用，这充分展示了Vue.js在构建交互式Web界面时的灵活性和实用性。 Vue.js是一个轻量级的JavaScript框架，它允许开发人员以声明式...
JavaScript使用RSA进行超长文本加解密
总有一天浪迹天涯的博客
08-10 8069
JavaScript-RSA加解密 RSA加密库 RSA前端加解密。是通过用jsencrypt.min.js来实现的，此js文件实现了对超长文本字段加密功能。写这个文件的大师很牛！膜拜一下�� RSA加密方法： var encrypt = new JSEncrypt(); encrypt.setPublicKey("-----BEGIN PUBLIC KEY-----\ ...
js文本加密及解密器
weixin_33816821的博客
07-27 159
<SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction Encrypt(theText) {output = new String;Temp = new Array();Temp2 = new Array();TextSize = theText.length;for (i = 0; i < TextSize; i++) {rnd ...
JavaScript中的加密解密
Dimuzero的博客
01-26 427
加密的时候必须转成字符串 使用toString。 解密的时候 必须使用utf8的格式 1.base64加密 btoa加密，atob解密 （字母数字） var num1 = '1234as' console.log(btoa(num1)); console.log(atob('MTIzNGFz')) 2.最简单的加密解密 escape加密unescape解密 （中文） var num2 = escape('你好怕') console.log(num2); console.log(unescape('%u4
html前端几种加密方式的整理
白叶的博客
07-20 3万+
最近在做几个项目和银行相关的，用的加密方式是Rsa，但是发现网上找的一些库都是没办法用，不然就是会报错，所以我这边特地整理一个完整的库以及加密的使用方式介绍一下。 Rsa的初始化以及使用方式首先是引入下面几个js，对应的文件路径自己改，文件下载的地址我会在底部给出链接。 <load href="/Public/js/pidcrypt.js" /> <load href="/Public/js/p
阿里前端面试（含答案）1
08-03
介绍HTTP协议(特征)31输入 URL 到页面加载显示完成发生了什么?说一下对 Cookie 和 Session 的认知，Cookie 有哪些限制？

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值