kod html: Salin kod Kod adalah seperti berikut: Page Title <br> *{font-family: Consolas;font-style: italic}<br> .responsebox{width:900px;margin:10px auto;padding:10px;border:2px solid #366;border-radius: 10px 0 10px 0; text-align: center}<br> .responsebox input,.responsebox button{font-size: 30px;margin:5px;padding:5px;}<br> .spansuper{vertical-align: super;font-size: 14px}<br> .spanbottom{vertical-align: text-bottom;font-size: 12px;margin-left: -110px}<br> #showbox{width:900px;height:430px;border:5px solid #663;border-radius: 0 20px 0 20px;margin:10px auto;padding:8px;font-size: 20px}<br> Javascript Base64 Encode & Decodeveinyf@gmail.com2014-12-27 17:44 Base64 Convert done ! <br> /*Pengetahuan JavaScript: <br> *Fungsi: window.atob() window.btoa() unescape() escape() encodeURIComponent() decodeURIComponent()<br> *Ungkapan biasa untuk mengalih keluar ruang pertama: _string.replace(/(^s*)|(s*$)/g,"");<br> *<br> *Fungsi laksana sendiri CovertBase64orString<br> *inputid Input id kotak<br> *kotak semak Pilih id kotak<br> *id butang btnid<br> *showid id bekas paparan html, berikut ialah div#showbox<br> */<br> (fungsi CovertBase64orString(inputid, checkboxid, btnid, showid) {<br> var checkbox = document.getElementById(checkboxid); //html dom select box<br> var chkvalue = checkbox.getAttribute("checked"); //html dom pilih checkedvalue<br> var btn = document.getElementById(btnid); var isbase64; var isbase64 //base64toString atau StringtoBase64 bool<br> var returnval = null; var returnval = null; chkvalue == "checked" ? isbase64 = true : isbase64 = false; // Tentukan status permulaan butang semak dan tetapkan nilai isbase64<br> Checkbox.addeventListener ("Klik", Fungsi (E) {// Kotak semak pendaftaran acara klik <br> Var _ckvak = Checkbox.getattribute ("Semak"); // Apabila mengklik kejadian, tukar status semak dan tetapkan kepada isbase64 <br> jika (_ckvak == "disemak") {<br> checkbox.setAttribute("checked", null);<br> isbase64 = palsu;<br> } lain {<br> checkbox.setAttribute("checked", "checked");<br> isbase64 = benar;<br> }<br> }, benar);<br> btn.addEventListener("klik", fungsi(e) { //klik butang pendaftaran acara<br> var _show = document.getElementById(showid); var _inputvalue = document.getElementById(inputid).value; //Nilai kotak teks<br> //_inputvalue=_inputvalue.replace(/(^s*)|(s*$)/g, ""); // Ungkapan biasa mengalih keluar ruang pertama Nampaknya btoa dan abob telah melakukan kerja ini<br> var _showlength = _show.childNodes.length; sementara (_showlength > 0) {<br> _show.removeChild(_show.childNodes[_showlength - 1]);<br> _showlength--;<br> }<br> if (isbase64) { //rentetan ke base64, menyokong pengekodan bahasa Cina, unescape, encodeURIComponent<br> returnval = window.btoa(unescape(encodeURIComponent(_inputvalue)));<br> //base64 hingga rentetan<br> returnval = decodeURIComponent(escape(window.atob(_inputvalue)));<br> }<br> _show.appendChild(document.createTextNode(returnval)); }, benar);<br> })("input", "checkbox", "btn","showbox");<br> //CovertBase64orString("input", "checkbox", "btn","showbox");<br> </skrip><br> </html><br> <br> </div> Kesan: <p> </p> <p><img alt="" src="http://files.jb51.net/file_images/article/201412/201412280929143.jpg"> </p>Cadangkan IDE Javascript yang lebih mudah digunakan daripada Aptana. Komodo IDE (versi percuma: Komodo Edit, fungsi asas yang sama) menyokong penyerlahan sintaks, penderiaan pintar, dan juga menyokong perl, python, ruby, sintaks nodejs, dsb. <p> </p> <p><img alt="" src="http://files.jb51.net/file_images/article/201412/201412280929144.jpg"></p>