html 코드: 코드 복사 코드는 다음과 같습니다. 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> /*자바스크립트 지식: <br> *함수: window.atob() window.btoa() unescape() escape() encodeURIComponent() decodeURIComponent()<br> *첫 번째 공백을 제거하는 정규식: _string.replace(/(^s*)|(s*$)/g,"");<br> *<br> *CovertBase64orString 자체 실행 기능<br> *inputid 입력 상자 ID<br> *checkboxid 상자 ID 선택<br> *btnid 버튼 아이디<br> *showid html 디스플레이 컨테이너 ID, 여기는 div#showbox입니다<br> */<br> (함수 CovertBase64orString(inputid, checkboxid, btnid, showid) {<br> var checkbox = document.getElementById(checkboxid); //html dom 선택 체크박스<br> var chkvalue = checkbox.getAttribute("checked"); //html dom select selectedvalue<br> var btn = document.getElementById(btnid); > var isbase64; var isbase64; //base64toString 또는 StringtoBase64 bool<br> var returnval = null; var returnval = null; //변환된 문자열<br> chkvalue == "checked" ? isbase64 = true : isbase64 = false; // 체크 버튼의 초기화 상태를 확인하고 isbase64<br> Checkbox.addeventListener("클릭", 함수(E) {//체크박스 클릭 이벤트 등록 <br> Var _ckvak = Checkbox.getattribute ("Check"); // 인시던트 클릭 시 체크 상태를 변경하고 isbase64에 할당 <br> if (_ckvak == "체크됨") {<br> checkbox.setAttribute("checked", null);<br> isbase64 = false;<br> } else {<br> checkbox.setAttribute("checked", "checked");<br> isbase64 = true;<br> }<br> }, 사실);<br> btn.addEventListener("click", function(e) { //버튼 클릭 이벤트 등록<br> Var _Show = document.GetelementByid (Showid) // Html Dom 쇼박스 ID 선택 <br>> var _inputvalue = document.getElementById(inputid).value // 텍스트 상자 값<br> //_inputvalue=_inputvalue.replace(/(^s*)|(s*$)/g, ""); // 정규식은 첫 번째 공백을 제거한 것으로 보입니다. btoa와 abob은 이미 이 작업을 수행한 것 같습니다.<br> var _showlength = _show.childNodes.length; ~ 동안 (_showlength > 0) {<br> _show.removeChild(_show.childNodes[_showlength - 1]);<br> _showlength--;<br> }<br> if (isbase64) { //base64 문자열, 중국어 인코딩 지원, 이스케이프 해제, encodeURIComponent<br> returnval = window.btoa(unescape(encodeURIComponent(_inputvalue)));<br> | returnval = decodeURIComponent(escape(window.atob(_inputvalue)));<br> }<br> _show.appendChild(document.createTextNode(returnval)); }, 사실);<br> })("입력", "체크박스", "btn","쇼박스");<br> //CovertBase64orString("input", "checkbox", "btn","showbox");<br> <br> </div>