HTML前端实现加密/解密通常涉及JavaScript，以下是几种常见的方法：
使用CryptoJS库
CryptoJS是一个JavaScript库，提供了常见的加密算法，如AES、SHA1、MD5等。
安装方法：
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
加密和解密示例：
let message = "Hello, World!";
let secretKey = "mySecretKey";
// 加密
let encrypted = CryptoJS.AES.encrypt(message, secretKey);
// 解密
let decryptedBytes = CryptoJS.AES.decrypt(encrypted, secretKey);
let decryptedMessage = decryptedBytes.toString(CryptoJS.enc.Utf8);
使用Web Crypto API
Web Crypto API是原生JavaScript加密库，提供了更强的加密功能和更好的性能。
加密和解密示例：
let message = "Hello, World!";
let secretKey = "mySecretKey";
// 加密
crypto.subtle.generateKey(
{
name: "AES-GCM",
length: 256,
},
true,
["encrypt", "decrypt"]
)
.then(key => crypto.subtle.encrypt(
{
name: "AES-GCM",
iv: crypto.getRandomValues(new Uint8Array(12))
},
key,
new TextEncoder().encode(message)
))
.then(encrypted => {
console.log(encrypted);
// 使用encrypted进行进一步操作
});
// 解密
crypto.subtle.generateKey(
{
name: "AES-GCM",
length: 256,
},
true,
["encrypt", "decrypt"]
)
.then(key => crypto.subtle.decrypt(
{
name: "AES-GCM",
iv: encrypted.slice(0, 12)
},
key,
encrypted.slice(12)
))
.then(decrypted => {
console.log(new TextDecoder().decode(decrypted));
// 使用decrypted进行进一步操作
});
使用RSA加密/公钥加密和私钥解密
RSA是一种非对称加密算法，可以用于加密小量数据。
安装方法：
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/3.0.0-beta.1/jsencrypt.min.js"></script>
加密和解密示例：
let publicKey = `-----BEGIN PUBLIC KEY-----
...
-----END PUBLIC KEY-----`;
let privateKey = `-----BEGIN PRIVATE KEY-----
...
-----END PRIVATE KEY-----`;
let message = "Hello, World!";
// 使用公钥加密
let encrypt = new JSEncrypt();
encrypt.setPublicKey(publicKey);
let encrypted = encrypt.encrypt(message);
// 使用私钥解密
let decrypt = new JSEncrypt();
decrypt.setPrivateKey(privateKey);
let decrypted = decrypt.decrypt(encrypted);
请注意，在实际应用中，需要处理好密钥管理和分发的问题，并确保加密算法和密钥的安全性。