html使用aes进行加密

1.导入 aes.js 文件

　　

!function(t,n){*t.length},toString:function(t){);o<r;o++){]>>>-o%*&;n[e+o>>>]|=s<<-(e+o)%*};o<r;o+=)n[e+o>>>]=i[o>>>];]&=<<-i%*,n.length=t.ceil(i/)},clone:function(){),t},random:function(n){,e=;*(&i)+(i>>)&e,n=18e3*(&n)+(n>>)&e;)+n&e;,r+=.,r*(t.random()>.?:-)}},o=;o<n;o+=){*(i||t.random()));i=*a(),e.push(*a()|)};r<i;r++){]>>>-r%*&;e.push((o>>>).toString()),e.push((&o).toString())};e<n;e+=)i[e>>>]|=parseInt(t.substr(e,),)<<-e%*;)}},u=a.Latin1={stringify:function(t){;r<i;r++){]>>>-r%*&;e.push(String.fromCharCode(o))};e<n;e++)i[e>>>]|=(&t.charCodeAt(e))<<-e%*;},_append:function(t){*o,c=r/a;c=n?t.ceil(c):t.max((|c)-);*u,r);;h<u;h+=o),u);i.sigBytes-=f}}),p=(r.Hasher=h.extend({cfg:o.extend(),init:function(t){,_createHelper:function(t){return function(n,i){return new t.init(i).finalize(n)}},_createHmacHelper:function(t){return function(n,i){return new p.HMAC.init(t,i).finalize(n)}}}),e.algo={});return e}(Math);return t});
//# sourceMappingURL=core.min.js.map
!function(e,t,i){,hasher:a,iterations:}),init:function(e){;u<f;u++)s=r.finalize(s),r.reset();o.concat(s)}*c,o}});t.EvpKDF=function(e,t,i){return c.create(i).compute(e,t)}}(),e.EvpKDF});
//# sourceMappingURL=evpkdf.min.js.map
!function(r,e){,o=;o<e;o++)){)]<<o%*,c=t[r.charCodeAt(o)]>>>-o%*;n[i>>>]|=(f|c)<<-i%*,i++};i<t;i+=)]>>>-i%*&,f=e[i+>>>]>>>-(i+)%*&,c=e[i+>>>]>>>-(i+)%*&,s=o<<|f<<|c,h=;h<&&i+.*h<t;h++)a.push(n.charAt(s>>>*(-h)&)););;)a.push(p);;i<n.length;i++)a[n.charCodeAt(i)]=i});&&(t=f)}return e(r,t,a)},_map:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="}}(),r.enc.Base64});
//# sourceMappingURL=enc-base64.min.js.map
!function(e,t,r){,ivSize:,_ENC_XFORM_MODE:,_DEC_XFORM_MODE:,_createHelper:function(){function e(e){);}),r.mode={}),u=i.BlockCipherMode=n.extend({createEncryptor:function(e,t){;o<i;o++)e[r+o]^=c[o]}*t,i=r-e.sigBytes%r,n=i<<|i<<|i<<|i,o=[],s=;s<i;s+=)o.push(n);&e.words[e.sigBytes->>>];e.sigBytes-=t}},y=(i.BlockCipher=d.extend({cfg:d.cfg.extend({mode:l,padding:v}),reset:function(){d.reset.call(})});e.unpad(t)}}),i.CipherParams=n.extend({init:function(e){,]).concat(r).concat(t);==r[]&&==r[]){,));r.splice(,),t.sigBytes-=}));*r);*t,y.create({key:n,iv:o,salt:i})}},B=i.PasswordBasedCipher=x.extend({cfg:x.cfg.extend({kdf:S}),encrypt:function(e,t,r,i){i=this.cfg.extend(i);var n=i.kdf.execute(r,e.keySize,e.ivSize);i.iv=n.iv;var c=x.encrypt.call(this,e,t,n.key,i);return c.mixIn(n),c},decrypt:function(e,t,r,i){i=this.cfg.extend(i),t=this._parse(t,i.format);var n=i.kdf.execute(r,e.keySize,e.ivSize,t.salt);i.iv=n.iv;var c=x.decrypt.call(this,e,t,n.key,i);return c}})}()});
//# sourceMappingURL=cipher-core.min.js.map
!function(e,i){*t;i.sigBytes>n&&(i=e.finalize(i)),i.clamp();;c<t;c++)a[c]^=,f[c]^=;s.sigBytes=o.sigBytes=n,this.reset()},reset:function(){var e=this._hasher;e.reset(),e.update(this._iKey)},update:function(e){return this._hasher.update(e),this},finalize:function(e){var i=this._hasher,t=i.finalize(e);i.reset();var n=i.finalize(this._oKey.clone().concat(t));return n}})}()});
//# sourceMappingURL=hmac.min.js.map
!function(e,o,r){"object"==typeof exports?module.exports=exports=o(require("./core.min"),require("./cipher-core.min")):"function"==typeof define&&define.amd?define(["./core.min","./cipher-core.min"],o):o(e.CryptoJS)}(this,function(e){return e.mode.ECB=function(){var o=e.lib.BlockCipherMode.extend();return o.Encryptor=o.extend({processBlock:function(e,o){this._cipher.encryptBlock(e,o)}}),o.Decryptor=o.extend({processBlock:function(e,o){this._cipher.decryptBlock(e,o)}}),o}(),e.mode.ECB});
//# sourceMappingURL=mode-ecb.min.js.map
!function(e,r,i){"object"==typeof exports?module.exports=exports=r(require("./core.min"),require("./cipher-core.min")):"function"==typeof define&&define.amd?define(["./core.min","./cipher-core.min"],r):r(e.CryptoJS)}(this,function(e){return e.pad.Pkcs7});
//# sourceMappingURL=pad-pkcs7.min.js.map
!function(e,r,i){;r<;r++)r<?e[r]=r<<:e[r]=r<<^;,n=,r=;r<;r++){^n<<^n<<^n<<;o=o>>>^&o^,t[i]=o,c[o]=i;*e[o]^*o;s[i]=k<<|k>>>,f[i]=k<<|k>>>,a[i]=k<<|k>>>,d[i]=k;*_^*l^*p^*i;u[o]=k<<|k>>>,v[o]=k<<|k>>>,h[o]=k<<|k>>>,y[o]=k,i?(i=p^e[e[e[_^p]]],n^=e[e[n]]):i=n=}}();,,,,,,,,,,],l=o.AES=n.extend({_doReset:function(){,n=,o=*(n+),c=;s<o;s++)];s%i?i>&&s%i==&&(f=t[f>>>]<<|t[f>>>&]<<|t[f>>>&]<<|t[&f]):(f=f<<|f>>>,f=t[f>>>]<<|t[f>>>&]<<|t[f>>>&]<<|t[&f],f^=p[s/i|]<<),c[s]=c[s-i]^f};d<o;d++){)];d<||s<=?a[d]=f:a[d]=u[t[f>>>]]^v[t[f>>>&]]^h[t[f>>>&]]^y[t[&f]]}}},encryptBlock:function(e,r){];e[r+]=e[r+],e[r+]=i,];e[r+]=e[r+],e[r+]=i},_doCryptBlock:function(e,r,i,n,o,t,c,s){],d=e[r+]^i[],u=e[r+]^i[],v=e[r+]^i[],h=,y=;y<f;y++){]^o[d>>>&]^t[u>>>&]^c[&v]^i[h++],l=n[d>>>]^o[u>>>&]^t[v>>>&]^c[&a]^i[h++],_=n[u>>>]^o[v>>>&]^t[a>>>&]^c[&d]^i[h++],k=n[v>>>]^o[a>>>&]^t[d>>>&]^c[&u]^i[h++];a=p,d=l,u=_,v=k}]<<|s[d>>>&]<<|s[u>>>&]<<|s[&v])^i[h++],l=(s[d>>>]<<|s[u>>>&]<<|s[v>>>&]<<|s[&a])^i[h++],_=(s[u>>>]<<|s[v>>>&]<<|s[a>>>&]<<|s[&d])^i[h++],k=(s[v>>>]<<|s[a>>>&]<<|s[d>>>&]<<|s[&u])^i[h++];e[r]=p,e[r+]=l,e[r+]=_,e[r+]=k},keySize:});r.AES=n._createHelper(l)}(),e.AES});
//# sourceMappingURL=aes.min.js.map
!function(e,n){"object"==typeof exports?module.exports=exports=n(require("./core.min")):"function"==typeof define&&define.amd?define(["./core.min"],n):n(e.CryptoJS)}(this,function(e){return e.enc.Utf8});
//# sourceMappingURL=enc-utf8.min.js.map

2. 在html 文件引入 aes.js 文件

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>aes加密</title>
    <script type="text/javascript" src="js/aes.js"></script>
    <script>
        function aes(){var password=document.getElementById("password").value;
            var key='fjiekjfaew123456';  /*16位*/
            var aesKey=CryptoJS.enc.Utf8.parse(key);
            var aesPass=CryptoJS.enc.Utf8.parse(password);/*加密*/
            var encrypted = CryptoJS.AES.encrypt(aesPass, aesKey, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
            alert(encrypted);
        }
    </script>

</head>
<body>
<table>
    <tr>
        <td>名字：</td>
        <td><input type="text" id="username"/></td>
    </tr>
    <tr>
        <td>密码：</td>
        <td><input type="text" id="password"/></td>
    </tr>

</table>
<input type="button" value="点击" onclick="aes()"/>
</body>
</html>