ホームページ >ウェブフロントエンド >jsチュートリアル >Javascript Base64 暗号化と decryption_javascript スキルに関する簡単な説明

Javascript Base64 暗号化と decryption_javascript スキルに関する簡単な説明

WBOY
WBOYオリジナル
2016-05-16 16:24:051211ブラウズ

HTML コード:

コードをコピー コードは次のとおりです:

 
 
 
     Page Title
    
 
 
 

    

Javascript Base64 Encode & Decodeveinyf@gmail.com2014-12-27 17:44


    
     Base64
    
 

 


<スクリプトタイプ="text/javascript">
/*JavaScript の知識:
*関数: window.atob() window.btoa() unescape()scape() encodeURIComponent() decodeURIComponent()
*最初のスペースを削除する正規表現: _string.replace(/(^s*)|(s*$)/g,"");
*
*CovertBase64orString 自己実行関数
*inputid 入力ボックス ID
*checkboxid ボックス ID を選択
*btnid ボタン ID
*showid HTML 表示コンテナ ID、ここに div#showbox
があります */
(function CovertBase64orString(inputid, checkboxid, btnid, showid) {
var checkbox = document.getElementById(checkboxid) //html チェックボックスを選択します
var chkvalue = checkbox.getAttribute("checked"); //html dom select selectedvalue
var btn = document.getElementById(btnid); var isbase64; //base64toString または StringtoBase64 bool
var returnval = null; //変換された文字列
chkvalue == "checked" ? isbase64 = true : isbase64 = false; // チェックボタンの初期化ステータスを決定し、値 isbase64
を割り当てます。 Checkbox.addeventListener ("Click", Function(E) {// チェックボックスのクリックイベント登録
var _ckvak = checkbox.getAttribute( "checked"); if (_ckvak == "チェック済み") {
checkbox.setAttribute("checked", null);
isbase64 = false;
} else {
checkbox.setAttribute("チェック済み", "チェック済み");
isbase64 = true;
}
}, true);
btn.addEventListener("click", function(e) { //ボタンクリックイベント登録
Var _Show = document.GetelementByid (Showid) // Html Dom Select Showbox ID
>; var _inputvalue = document.getElementById(inputid).value; // テキスト ボックスの値
//_inputvalue=_inputvalue.replace(/(^s*)|(s*$)/g, ""); // 正規表現は最初のスペースを削除しているようです
var _showlength = _show.childnodes.length; while (_showlength > 0) {
_show.removeChild(_show.childNodes[_showlength - 1]);
_showlength--;
}
if (isbase64) { //base64 への文字列、中国語エンコーディング、unscape、encodeURIComponent
をサポート returnval = window.btoa(unescape(encodeURIComponent(_inputvalue)));
//base64 から string
returnval = decodeURIComponent(escape(window.atob(_inputvalue)));
}
_show.appendChild(document.createTextNode(returnVal)); }, true);
})("入力", "チェックボックス", "ボタン","表示ボックス");
//CovertBase64orString("input", "checkbox", "btn","showbox");



効果:

Aptana よりも使いやすい Javascript IDE をお勧めします。 Komodo IDE (無料版: Komodo Edit、基本機能は同じ) は構文ハイライト、インテリジェント センシングをサポートし、perl、python、ruby、nodejs 構文などもサポートします。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。