前端js加密方式

本文提供了一个简单的HTML页面示例,演示如何使用MD5、SHA1及Base64对输入文本进行加密处理,并即时显示加密结果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>MD5</title>
    </head>
    <body>
        <p>MD5,SHA1,Base64加密算法案例</p>
        <input type="text" name="content" class="text" placeholder="请输入要加密内容"/>
        <button class="bt" onclick="show()">加密</button>
        <hr/>
        加密结果:<br />
        MD5加密:<p class="md5"></p><br/>
        SHA1加密:<p class="sha1"></p><br/>
        Base64加密(encode):<p class="base64"></p> base64解密:<p class="base"></p> <br/>base64普通加密方式<br/>
        <script type="text/javascript" src="js/md5.js" ></script>
        <script type="text/javascript" src="js/sha1.js" ></script>
        <script type="text/javascript" src="js/base64.js" ></script>
        <script>
            function show(){
                /*
                 * 
                 *md5,sha1,base64加密案例   
                 *制作者:
                 * 
                 */

                var content = document.getElementsByClassName("text")[0].value;

                //md5
                document.getElementsByClassName("md5")[0].innerHTML =md5(content);

                //sha1
                document.getElementsByClassName("sha1")[0].innerHTML =hex_sha1(content);

                //base64
                var base = new Base64();
                document.getElementsByClassName("base64")[0].innerHTML =base.encode(content);
                var base_ = document.getElementsByClassName("base64")[0].innerHTML;
                document.getElementsByClassName("base")[0].innerHTML =base.decode(base_);

            }
        </script>
    </body>
</html>

http://download.youkuaiyun.com/detail/pengdongneng/9504822    base64

http://download.youkuaiyun.com/detail/pengdongneng/9504826     md5

http://download.youkuaiyun.com/detail/pengdongneng/9504830  sha1


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值