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 構文などもサポートします。