JS 코드 형식 지정 및 구문 색상 지정 V2_javascript 팁-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

JS 코드 형식 지정 및 구문 색상 지정 V2_javascript 팁

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 07:25 PM

2차 버전으로 업그레이드 된 기념으로 포스팅을 열어봅니다 ㅎㅎ

Ver1.1에서 컨텐츠 업그레이드
1. 기능 목록 추가
2. 기능 추가
3. 분석 (다른 소프트웨어에서 이 기능을 구현한 것을 본 적이 없습니다. 저는 창의적이고 문제가 많습니다. 현재 분석 능력은 상대적으로 제한적입니다. 전역 함수 종속성만 분석할 수 있습니다. 복잡한 코드에서는 버그가 발생할 수 있습니다.)
4. for 문 분석 버그 수정
5. 구문 접기 버그 수정
6. 모두 축소 작업 방식 개선 ※ 행 개수가 너무 많을 때 충돌 방지를 위한 모두 확장 기능
7. 줄 번호 분석 메커니즘을 개선하여 줄 수가 너무 많을 때 충돌을 방지합니다

코드 복사 코드는 다음과 같습니다.

JSer 버전 2.0

/* 전역 CSS */

* { padding:0px; 여백:0px; 글꼴 크기:13px; 글꼴 모음: Arial 宋体; }

본문 { overflow:auto; 테두리:0px 없음 검은색; 배경색:버튼면; }

li { 여백:0px 0px 0px 40px; 패딩:2px 4px; }

div { 글꼴 크기:13px; 줄 높이:14px; }

p { 글꼴 크기:13px; 줄 높이:14px; }

/* 클래스 CSS */

.codeRoot { line-height:14px; }
.quote { color:#999; }
.comments { color: #009090; }
.indent { margin-left:25px; }
.regexp { color:#F000F0; }
.keyWord { color:blue; }
.object { color:red; }
.method_property { color:#FF8000; }
.operator { color:#004000; }

.colsp { 글꼴 크기:12px; 너비:14px; 높이:14px; 오버플로:숨김; 테두리:1px 아웃셋 버튼페이스; 텍스트 정렬:가운데;
커서:포인터; 왼쪽 패딩:2px; }
.colsp2 { 글꼴 크기:12px; 너비:14px; 높이:14px; 오버플로:숨김; 테두리:1px 삽입 버튼페이스; 텍스트 정렬:가운데;
커서:포인터; 왼쪽 패딩:2px; 색상:빨간색!중요; 배경색:#E0FFF8!중요; }

/* 식별된 CSS */

#divTools { height:20px; border-bottom:1px solid #555; 왼쪽 패딩:15px; }

#divTools a { color:navy; 텍스트 장식:없음; 높이:20px; 줄 높이:20px; 패딩:0px 25px; }

#divTools a:hover { color:white; 배경색:네이비; 텍스트 장식:없음; 높이:20px; 줄 높이:20px; }

#divJSInput { display:none; 너비:600px; 높이:450px; 테두리:2px 시작 버튼페이스; 위치:절대; 배경-
color:buttonface; z-색인:2; }

#divJSInputTitle { color:white; 배경색:네이비; 높이:20px; 줄 높이:20px; 패딩:0px 10px; 커서:기본값; }

#txtJSInput { 너비:598px; 높이:406px; 오버플로:자동; 패딩:4px 8px; 배경색:흰색;}

#divJSInputBar { 높이:24px; 패딩:0px 4px; }

#divJSInputBar 입력 { 너비:110px; 높이:22px; 테두리:1px 솔리드 #555; 줄 높이:20px; }

#divMain { 너비:100%; 높이:500; 오버플로:숨김; 위치:상대적; }

#divJSOutputLineNo { 너비:32px; 높이:100%; 오버플로:숨김; 배경색:#DDD; 위치:절대; 왼쪽:0px; 상단:0px;
텍스트 정렬:오른쪽; }

#divJSOutputLineNo p { font-size:12px; 줄 높이:14px; }

#divJSOutputPlus { 너비:14px; 높이:100%; 오버플로:숨김; 배경색:#EEE; 위치:절대; 왼쪽:32px; 상단:0px; z
-색인:2; }

#divJSOutputPlus p { 글꼴 크기:12px; 줄 높이:14px; }

#divJSOutput { 배경색:흰색; 테두리:1px 삽입 버튼페이스; 높이:100%; 위치:절대; 왼쪽:45px; 상단:0px;
오버플로:스크롤; }

#divWaiting { display:none; 너비:400px; 높이:60px; 테두리:1px 솔리드 버튼페이스; 위치:절대; 배경-
색상:#E0F0F0; z-색인:3; 텍스트 정렬:가운데; 패딩 상단:10px; }

#div입력 대기 중 { width:140px; 높이:22px; 테두리:1px 솔리드 #555; 줄 높이:20px; 커서:기본값; 여백 상단:4px; }

#divJSExport { display:none; 너비:600px; 높이:450px; 테두리:2px 시작 버튼페이스; 위치:절대; 배경-
color:buttonface; z-색인:2; }

#divJSExportTitle { color:white; 배경색:네이비; 높이:20px; 줄 높이:20px; 패딩:0px 10px; 커서:기본값; }

#selJSExport { 너비:598px; 높이:406px; 오버플로:자동; 패딩:4px 8px; 배경색:흰색; }

#divJSExportContent { 너비:598px; 높이:406px; 오버플로:자동; 패딩:4px 8px; 배경색:흰색; 표시:없음; }

#divJSExportBar { 높이:24px; 패딩:0px 4px; }

#divJSExportBar 입력 { 너비:170px; 높이:22px; 테두리:1px 솔리드 #555; 줄 높이:20px; }

<script> /********************** Author: Hutia *********************/ window.onload=init; //------------------ // Static Variable //------------------ var KEYWORDS="abstract break byte case catch char class const continue default delete do double else extends false final finally float for function goto if implements import in instanceof int interface long native null package private protected public reset return short static super switch synchronized this throw transient true try var void while with"; var OBJECTS="Anchor Applet Area Arguments Array Boolean Button Checkbox Collection Crypto Date Dictionary Document Drive Drives Element Enumerator Event File FileObject FileSystemObject FileUpload Folder Folders Form Frame Function Global Hidden History HTMLElement Image Infinity Input JavaArray JavaClass JavaObject JavaPackage JSObject Layer Link Math MimeType Navigator Number Object Option Packages Password Plugin PrivilegeManager Random RegExp Screen Select String Submit Text Textarea URL VBArray Window WScript"; var METHODS_PROPERTIES="above abs acos action activeElement alert alinkColor all altKey anchor anchors appCodeName applets apply appName appVersion arguments arity asin assign atan atan2 atob availHeight availLeft availTop availWidth ActiveXObject back background below bgColor big blink blur bold border borderWidths bottom btoa button call callee caller cancelBubble captureEvents ceil charAt charCodeAt charset checked children classes className clear clearInterval clearTimeout click clientInformation clientX clientY close closed colorDepth compile complete concat confirm constructir contains contextual cookie cos crypto ctrlKey current data defaultCharset defaultChecked defaultSelected defaultStatus defaultValue description disableExternalCapture disablePrivilege document domain E Echo element elements embeds enabledPlugin enableExternalCapture enablePrivilege encoding escape eval event exec exp expando FromPoint fgColor fileName find fixed floor focus fontColor fontSize form forms forward frames fromCharCode fromElement getAttribute get getClass getDate getDay getFullYear getHours getMember getMilliseconds getMinutes getMonth getSeconds getSelection getSlot getTime getTimezoneOffset getUTCDate getUTCDay getUTCFullYear getUTCHours getUTCMilliseconds getUTCMinutes getUTCMonth getUTCSeconds getWindow getYear global go HandleEvent Height hash hidden history home host hostName href hspace id ids ignoreCase images index indexOf inner innerHTML innerText innerWidth insertAdjacentHTML insertAdjacentText isFinite isNAN italics java javaEnabled join keyCode Links LN10 LN2 LOG10E LOG2E lang language lastIndex lastIndexOf lastMatch lastModified lastParen layers layerX layerY left leftContext length link linkColor load location locationBar log lowsrc MAX_VALUE MIN_VALUE margins match max menubar method mimeTypes min modifiers moveAbove moveBelow moveBy moveTo moveToAbsolute multiline NaN NEGATIVE_INFINITY name navigate navigator netscape next number offscreenBuffering offset offsetHeight offsetLeft offsetParent offsetTop offsetWidth offsetX offsetY onabort onblur onchange onclick ondblclick ondragdrop onerror onfocus onHelp onkeydown onkeypress onkeyup onload onmousedown onmousemove onmouseout onmouseover onmouseup onmove onreset onresize onsubmit onunload open opener options outerHeight outerHTML outerText outerWidth POSITIVE_INFINITY PI paddings pageX pageXOffset pageY pageYOffset parent parentElement parentLayer parentWindow parse parseFloat parseInt pathname personalbar pixelDepth platform plugins pop port pow preference previous print prompt protocol prototype push random readyState reason referrer refresh releaseEvents reload removeAttribute removeMember replace resizeBy resizeTo returnValue reverse right rightcontext round SQRT1_2 SQRT2 screenX screenY scroll scrollbars scrollBy scrollIntoView scrollTo search select selected selectedIndex self setAttribute setDay setFullYear setHotkeys setHours setInterval setMember setMilliseconds setMinutes setMonth setResizable setSeconds setSlot setTime setTimeout setUTCDate setUTCFullYear setUTCHours setUTCMillseconds setUTCMinutes setUTCMonth setUTCSeconds setYear setZOptions shift shiftKey siblingAbove siblingBelow signText sin slice smallsort source sourceIndex splice split sqrt src srcElement srcFilter status statusbar stop strike style sub submit substr substring suffixes sun sup systemLanguage TYPE tagName tags taint taintEnabled tan target test text title toElement toGMTString toLocaleString toLowerCase toolbar top toString toUpperCase toUTCString type typeOf UTC unescape unshift untaint unwatch userAgent userLanguage value valueOf visibility vlinkColor vspace watch which width window write writeln x y zIndex"; var OPS="! $ % & * + - // / : < = > ? [ ] ^ | ~ is new sizeof typeof unchecked"; var regKW=new RegExp("(\\W"+KEYWORDS.replace(/ /g,"$)|(\\W")+"$)","g"); var regObj=new RegExp("(\\W"+OBJECTS.replace(/ /g,"$)|(\\W")+"$)","g"); var regMP=new RegExp("(\\W"+METHODS_PROPERTIES.replace(/ /g,"$)|(\\W")+"$)","g"); //var regOP=new RegExp("(\\W"+OPS.replace(/ /g,"$)|(\\W")+"$)","g"); //------------------ // Global Variables //------------------ var divJSInput, txtJSInput, divMain, divJSOutputLineNo, divJSOutputPlus, divJSOutput, divWaiting; var spnProcess, cmdStop, divJSExport, selJSExport, divJSExportContent; var glbStr, glbP, glbRe, curRe, glbTimer, glbBusy, glbFuntionNames; function init(){ // init global variables divJSInput=document.getElementById("divJSInput"); txtJSInput=document.getElementById("txtJSInput"); divMain=document.getElementById("divMain"); divJSOutputLineNo=document.getElementById("divJSOutputLineNo"); divJSOutputPlus=document.getElementById("divJSOutputPlus"); divJSOutput=document.getElementById("divJSOutput"); divWaiting=document.getElementById("divWaiting"); spnProcess=document.getElementById("spnProcess"); cmdStop=document.getElementById("cmdStop"); divJSExport=document.getElementById("divJSExport"); selJSExport=document.getElementById("selJSExport"); divJSExportContent=document.getElementById("divJSExportContent"); // 창 상태 초기화 maximizeWindow(); divMain.style.width=document.body.clientWidth-4; divMain.style.height=document.body.clientHeight-26; divJSOutput.style.width=document.body.clientWidth-72; // 전역 이벤트 초기화 divJSOutputLineNo.onselectstart=divJSOutputLineNo.onselect=divJSOutputPlus.onselectstart=divJSOutputPlus.onselect=cancelEvent divJSOutput .onscroll=divJSOutput_onscroll; divJSInput.onkeydown=divJSInput_keydown; divJSExport.onkeydown=divJSExport_keydown; } //------ // 이벤트 스크립트 //-- ---------------- function cancelEvents(e){ var e=window.event?window.event:e; e.returnValue=false; 반품(거짓); } function divJSInput_keydown(e){ var e=window.event?window.event:e; var srcEle=e.srcElement?e.srcElement:e.target; var sel; if(e.keyCode==27)hideJSInput(); if(e.keyCode==13&&e.ctrlKey)execJSInput(); if(e.keyCode==9&&srcEle==txtJSInput){ document.selection.createRange().text="t";return(false); // FF를 지원하지 않음 } } function divJSExport_keydown(e){ var e=window.event?window.event:e; var srcEle=e.srcElement?e.srcElement:e.target; var sel; if(e.keyCode==27)hideJSExport(); if(e.keyCode==13&&e.ctrlKey)hideJSExport(); } 함수 divJSOutput_onscroll(){ divJSOutputLineNo.scrollTop=divJSOutputPlus.scrollTop=divJSOutput.scrollTop; } //------ // 기능적 스크립트 //-- ---------------- function showJSInput(){ if(glbBusy)return; hideJSExport(); with(divJSInput.style){ display="block"; left=(document.body.clientWidth-divJSInput.offsetWidth)/2; top=(document.body.clientHeight-divJSInput.offsetHeight)/2; } txtJSInput.focus(); 반품(false); } function showJSExport(){ if(glbBusy)return; hideJSInput(); with(divJSExport.style){ display="block"; left=(document.body.clientWidth-divJSExport.offsetWidth)/2; top=(document.body.clientHeight-divJSExport.offsetHeight)/2; } divJSExportContent.style.display="none"; selJSExport.style.display="block"; selJSExport.focus(); 반품(거짓); } function hideJSInput(){ divJSInput.style.display="none"; } 함수 hideJSExport(){ divJSExport.style.display="none"; } 함수 execJSInput(){ hideJSInput(); divJSOutput.innerHTML=""; divJSOutputLineNo.innerHTML=""; divJSOutputPlus.innerHTML=""; glbStr=txtJSInput.innerText; // FF를 지원하지 않음 glbP=0; glbFuntionNames=new Array(); curRe=glbRe=document.createElement("div"); divJSOutput.appendChild(glbRe); glbRe.className="codeRoot"; while(selJSExport.options.length>0)selJSExport.options[0]=null; showWait(startRecalcLine); core_analytic(); } 함수 execJSExport(){ var fns=new Array(), fcs=new Array(), str; for(var i=0; i<selJSExport.options.length; i ){ if(selJSExport.options[i].selected){ fns.push(selJSExport.options[ i].값); str=selJSExport.options[i].obj.outerHTML; 시도해 보세요{ str =selJSExport.options[i].obj.nextSibling.outerHTML; str =selJSExport.options[i].obj.nextSibling.nextSibling.outerHTML; }catch(e){} fcs.push(str); } } if(fns.length==0)return; divJSExportContent.style.display="block"; selJSExport.style.display="none"; divJSExportContent.innerHTML=fcs.join("rn rn"); } 함수 execJSExport_Dep(){ var fns=new Array(), fcs=new Array(), str, regFNs=new Array(), needDepthTest; for(var i=0; i<selJSExport.options.length; i ){ if(selJSExport.options[i].selected){ fns.push(selJSExport.options[ i].값); 시도해 보세요{ str=selJSExport.options[i].obj.nextSibling.outerHTML; }catch(e){} fcs.push(str); } } if(fns.length==0)return; divJSExportContent.style.display="none"; selJSExport.style.display="block"; needDepthTest=false; for(var i=0;i<glbFuntionNames.length;i =1){ if(!selJSExport.options[i].selected){ for(j=0;j<fcs. length;j ){ if(html2txt(fcs[j]).match(glbFuntionNames[i].replace(/./g,"\."))){ selJSExport.options[i]. 선택됨=참; needDepthTest=true; 휴식; } } } } if(needDepthTest)execJSExport_Dep(); } function showWait(onstop){ glbBusy=true; document.body.style.cursor="wait"; with(divWaiting.style){ display="block"; left=(document.body.clientWidth-divWaiting.offsetWidth)/2; top=(document.body.clientHeight-divWaiting.offsetHeight)/2; } spnProcess.innerHTML="0.00% ( 0 / 0 )"; divWaiting.onstop=onstop; cmdStop.focus(); 반품(거짓); } 함수 hideWait(){ glbBusy=false; document.body.style.cursor=""; divWaiting.style.display="none"; try{clearTimeout(glbTimer);}catch(e){} try{divWaiting.onstop();}catch(e){} return(false); } function stopExec(){ hideWait(); } 함수 startRecalcLine(){ var re="", re2=""; if(glbBusy)return; glbBusy=true; for(var i=0;i<parseInt(divJSOutput.scrollHeight/14 200);i ){ re ="" (i 1) ""; re2 =" "; } divJSOutputLineNo.innerHTML=re; divJSOutputPlus.innerHTML=re2; divJSOutputPlus.buttons=new Array(); glbP=0; showWait(); recalcLine(); 반품(거짓); } function recalcLine(){ var objs, j; objs=document.getElementsByTagName("div"); for(var i=glbP;i<objs.length&&(i-glbP<30);i ){ if(objs[i].className=="indent"){ j=parseInt (objs[i].offsetTop/14)-1; divJSOutputPlus.childNodes[j].className="colsp"; divJSOutputPlus.childNodes[j].innerHTML="-"; divJSOutputPlus.childNodes[j].linkedDIV=objs[i]; divJSOutputPlus.childNodes[j].startIndex=j 1; divJSOutputPlus.childNodes[j].endIndex=j Math.round(objs[i].offsetHeight/14); if(objs[i].innerHTML!="")divJSOutputPlus.childNodes[j].endIndex ; divJSOutputPlus.childNodes[j].switchDIV=divJSOutputPlus.childNodes[j].onclick=switchDIV; divJSOutputPlus.buttons.push(divJSOutputPlus.childNodes[j]); } } spnProcess.innerHTML=parseFloat(glbP/objs.length*100).toFixed(2) "% ( " glbP " / " objs.length " )"; if(i<objs.length){glbP=i; glbTimer=setTimeout(recalcLine); return;} stopExec(); divJSOutput_onscroll(); } function switchDIV(disp){ var y, obj; if((this.className=="colsp"||disp=="hide")&&disp!="표시"){ this.className="colsp2"; this.innerHTML=" "; for(var i=this.startIndex;i<this.endIndex;i ){ divJSOutputLineNo.childNodes[i].style.display="none"; divJSOutputPlus.childNodes[i].style.display="none"; } this.linkedDIV.style.display="none"; }else{ this.className="colsp"; this.innerHTML="-"; this.linkedDIV.style.display="block"; for(var i=this.startIndex;i<this.endIndex;i ){ divJSOutputLineNo.childNodes[i].style.display="block"; divJSOutputPlus.childNodes[i].style.display="block"; if(divJSOutputPlus.childNodes[i].className=="colsp2"){ i=divJSOutputPlus.childNodes[i].endIndex-1; } } } divJSOutput_onscroll(); } function collapseAll(index){ index=isNaN(parseInt(index))?0:parseInt(index); if(!divJSOutputPlus.buttons)return; if(index<0)index=0; if(index>divJSOutputPlus.buttons.length)return; for(var i=index;i<divJSOutputPlus.buttons.length&&i-index<10;i )divJSOutputPlus.buttons[i].switchDIV("hide"); setTimeout("collapseAll(" i ")"); } function expandAll(index){ index=isNaN(parseInt(index))?0:parseInt(index); if(!divJSOutputPlus.buttons)return; if(index<0)index=0; if(index>divJSOutputPlus.buttons.length)return; for(var i=index;i<divJSOutputPlus.buttons.length&&i-index<10;i )divJSOutputPlus.buttons[i].switchDIV("show"); setTimeout("expandAll(" i ")"); } 함수 코어_분석(){ var str=" ", c="", lastState="", seq, intNextQuote, intTemp, intCount, intWordStart; spnProcess.innerHTML=parseFloat(glbP/glbStr.length*100).toFixed(2) "% ( " glbP " / " glbStr.length " )"; for(var i=glbP;i<glbStr.length;i ){ c=glbStr.charAt(i); str =htmlEncode(c); 스위치(c){ case "r": case " ": case "t": if(lastState=="rn"){str=" ";break;} str =str.substring(0,str.length-htmlEncode(c).length); if(lastState=="blank")break; if(c.match(/W/)&&glbStr.charAt(i-1).match(/w/)){ str=str.replace(regKW,clKW).replace(regObj,clObj) .replace(regMP,clMP); } str =htmlEncode(c); lastState="blank"; 휴식; 사례 ";": if(str.match(/Wfor.*?(/i))break; // 주의 여기에는 중단이 없습니다 사례 "n": if(lastState=="rn"){str=" ";break;} outputLn(str); str=" "; lastState="rn"; if(i-glbP>200){ glbP=i 1; glbTimer=setTimeout(core_analytic); 반품; } 휴식; 사례 """: intNextQuote=i; while(intNextQuote!=-1&&intNextQuote<glbStr.length){ intNextQuote=glbStr.indexOf(""",intNextQuote 1); if(intNextQuote==-1||glbStr.charAt(intNextQuote-1)!="\")break; intCount=0; intTemp=intNextQuote; while(glbStr.charAt(--intTemp)=="\")intCount ; if(intCount%2==0)break; } if(intNextQuote==-1)break; str ="" htmlEncode(glbStr.substring(i 1,intNextQuote)) """; i=intNextQuote; lastState=""; break; 케이스 "'": intNextQuote=i; while(intNextQuote!=-1&&intNextQuote<glbStr.length){ intNextQuote=glbStr.indexOf("'",intNextQuote 1) if(intNextQuote==-1| |glbStr.charAt(intNextQuote-1)!="\")break; intCount=0; while(glbStr.charAt(--intTemp)=="\")intCount ; 🎜> if(intCount%2==0)break } if(intNextQuote==-1)break; str ="" htmlEncode(glbStr.substring(i 1,intNextQuote)) "'"; i=intNextQuote; lastState=""; 휴식; 케이스 "/": if(glbStr.charAt(i 1)=="/"){ intNextQuote=i; intNextQuote=glbStr.indexOf("rn",intNextQuote 1); if(intNextQuote==-1)intNextQuote=glbStr.length; str=str.substring(0,str.length-1); str ="/" htmlEncode(glbStr.substring(i 1,intNextQuote)) ""; i=intNextQuote; }else if(glbStr.charAt(i 1)=="*"){ intNextQuote=i; intNextQuote=glbStr.indexOf("*/",intNextQuote 1); if(intNextQuote==-1)return; str=str.substring(0,str.length-1); str ="/" htmlEncode(glbStr.substring(i 1,intNextQuote)) "*/"; i=intNextQuote 1; }else if(str.match(/[=(][ t]*//)){ intNextQuote=i; while(intNextQuote!=-1&&intQuote& lt;glbStr.length){ >> intCount=0; intTemp=intNextQuote; while(glbStr.charAt(--intTemp)=="\")intCount ; if(intCount%2==0)break; } if(intNextQuote==-1)break; str ="" htmlEncode(glbStr.substring(i 1,intNextQuote)) "/"; i=intNextQuote; lastState=""; } lastState=""; 휴식; 케이스 "{": outputLn(str); str=" "; seq=document.createElement("div"); seq.className="indent"; curRe.appendChild(seq); curRe=seq; lastState="rn"; if(i-glbP>200){ glbP=i 1; glbTimer=setTimeout(core_analytic); 반품; } 휴식; 케이스 "}": outputLn(str.substring(0,str.length-1)); str="} "; lastState=""; curRe=curRe.parentNode; 휴식; 기본값: if(c.match(/w/)&&glbStr.charAt(i-1).match(/W/)){intWordStart=i;} if(c.match(/ W/)&&glbStr.charAt(i-1).match(/w/)){ str=str.substring(0,str.length-htmlEncode(c).length); str=str.replace(regKW,clKW).replace(regObj,clObj).replace(regMP,clMP) htmlEncode(c); } lastState=""; 휴식; } } if(i==glbStr.length){ if(str!=""){ outputLn(str); str=" "; } stopExec(); } } function outputLn(theStr){ var seq, txt, fn; if(html2txt(theStr).match(/^[ \t\r\n]*$/))return; seq=document.createElement("p"); seq.innerHTML=theStr; curRe.appendChild(seq); txt=html2txt(theStr); if(!txt)return; fn=txt.match(/function[ \t\r\n]+([\.\w]+?)[ \t\r\n]*$.*?$[ \t\r\n]*\{/); if(fn){ glbFuntionNames.push(fn[1]); selJSExport.options[selJSExport.options.length]=new Option(fn[0]+"}",fn[1]); selJSExport.options[selJSExport.options.length-1].obj=seq; } fn=txt.match(/([\.\w]+?)[ \t\r\n]*=[ \t\r\n]*function\W*$.*?$[ \t\r\n]*\{/); if(fn){ glbFuntionNames.push(fn[1]); selJSExport.options[selJSExport.options.length]=new Option(fn[0]+"}",fn[1]); selJSExport.options[selJSExport.options.length-1].obj=seq; } } function clKW(str){ return(str.charAt(0)+""+str.substring(1)+""); } function clObj(str){ return(str.charAt(0)+""+str.substring(1)+""); } function clMP(str){ return(str.charAt(0)+""+str.substring(1)+""); } function clOP(str){ return(str.charAt(0)+""+str.substring(1)+""); } //------------------ // global scripts //------------------ function maximizeWindow(){ window.moveTo(0,0); window.resizeTo(screen.availWidth,screen.availHeight); } function htmlEncode(strS){ return(strS.replace(/&/g,"&").replace(/,"<").replace(/>/g,">").replace(/ /g," ").replace(/ \r\n/g,"<br\/>")); } function html2txt(strS){ return(strS.replace(/<.+?>/g,"").replace(/,"<").replace(/>/g,">").replace(/ /g," ").replace(/<br\/? >/g,"\r\n").replace(/&/g,"&")); } </script>

Input JS
Collapse All
Expand All
Export JS

Please Input the JS:

/**********************
 Author: Hutia
 
*********************/

window.onload=init;

//------------------
// Static Variable
//----- -------------

var KEYWORDS="abstract break byte case catch char class cons t continue default delete do double else extends false final finally f loat for function goto if implements import in instanceof int interface&nbs p;long native null package private protected public reset return short stat ic super switch synchronized this throw transient true try var void wh ile with";
var OBJECTS="Anchor Applet Area Arguments Array Boolean  ;Button Checkbox Collection Crypto Date Dictionary Document Drive Drives Element  Enumerator Event File FileObject FileSystemObject FileUpload Folder Folders For m Frame Function Global Hidden History HTMLElement Image Infinity Input Jav aArray JavaClass JavaObject JavaPackage JSObject Layer Link Math MimeType Naviga tor Number Object Option Packages Password Plugin PrivilegeManager Random RegExp  Screen Select String Submit Text Textarea URL VBArray Window WScript" ;
var METHODS_PROPERTIES="above abs acos action activeElement alert alinkCol or all altKey anchor anchors appCodeName applets apply appName appVersion a rguments arity asin assign atan atan2 atob  availHeight availLeft availTop& nbsp;availWidth ActiveXObject back background below bgColor big blink blur bold& nbsp;border borderWidths bottom btoa button call callee caller cancelBubble capt ureEvents ceil charAt charCodeAt charset checked children classes className clea r clearInterval clearTimeout click clientInformation  clientX clientY close clos ed colorDepth compile complete concat confirm constructir contains contextual co okie cos crypto ctrlKey current data defaultCharset defaultChecked defaultSelected&nb sp;defaultStatus defaultValue description disableExternalCapture disablePrivilege document doma in E Echo  element elements embeds enabledPlugin enableExternalCapture enablePri vilege encoding escape eval event exec exp expando FromPoint fgColor fileNa me find fixed floor focus fontColor fontSize form forms forward frames  ;fromCharCode fromElement  getAttribute get getClass getDate getDay getFullYear  getHours getMember getMilliseconds getMinutes getMonth getSeconds getSelection getSlot&nbs p;getTime getTimezoneOffset  getUTCDate getUTCDay getUTCFullYear getUTCHours getUTCMillise conds getUTCMinutes getUTCMonth getUTCSeconds getWindow getYear global go HandleEvent  Height  hash hidden history home host hostName href hspace id id s ignoreCase images index indexOf inner innerHTML innerText innerWidth insertAdj acentHTML insertAdjacentText isFinite isNAN italics java javaEnabled join keyCode&nbs p;Links LN10 LN2 LOG10E LOG2E  lang language lastIndex lastIndexOf lastMatc h lastModified lastParen layers layerX layerY left leftContext length link  linkColor load location locationBar log lowsrc MAX_VALUE MIN_VALUE  margins  ;match max menubar method mimeTypes min modifiers moveAbove moveBelow moveBy&nbs p;moveTo moveToAbsolute multiline NaN NEGATIVE_INFINITY  name navigate navigator  ;netscape next number offscreenBuffering offset offsetHeight offsetLeft offsetParent  offsetTop offsetWidth offsetX offsetY onabort onblur onchange onclick ondblclick  ;ondragdrop onerror onfocus  onHelp onkeydown onkeypress onkeyup onload onmoused own onmousemove onmouseout onmouseover onmouseup onmove onreset onresize onsubmit&nbs p;onunload open opener options outerHeight  outerHTML outerText outerWidth POSIT IVE_INFINITY PI  paddings pageX pageXOffset pageY pageYOffset parent parentEleme nt parentLayer parentWindow parse parseFloat parseInt pathname personalbar pixelDepth  platform plugins pop  port pow preference previous print prompt proto col prototype push random readyState reason referrer refresh releaseEvents reloa d removeAttribute removeMember replace resizeBy resizeTo returnValue reverse right&nb sp;rightcontext round SQRT1_2 SQRT2  screenX screenY scroll scrollbars scrollBy& nbsp;scrollIntoView scrollTo search select selected selectedIndex self setAttribute s etDay setFullYear setHotkeys setHours setInterval  setMember setMilliseconds setMinut es setMonth setResizable setSeconds setSlot setTime setTimeout setUTCDate setUTCFullY ear setUTCHours setUTCMillseconds setUTCMinutes  setUTCMonth setUTCSeconds setYear se tZOptions shift shiftKey siblingAbove siblingBelow signText sin slice smallsort  source sourceIndex splice split sqrt src  srcElement srcFilter status statu sbar stop strike style sub submit substr substring suffixes sun sup sy stemLanguage TYPE  tagName tags taint taintEnabled tan target test text&nbs p;title toElement toGMTString toLocaleString toLowerCase toolbar top toString toUpper Case toUTCString type typeOf UTC unescape unshift untaint unwatch userAgent  ;userLanguage  value valueOf visibility vlinkColor vspace watch which width  ;window write writeln x y zIndex";
var OPS="! $ %  & * + - // / :  ? [ ]  ^ | ~ is  new sizeof  typeof unchecked";

var  regKW=new RegExp("(\\W"+KEYWORDS.replace(/ /g,"$)|(\\W")+"$) ","g");
var regObj=new RegExp("(\\W"+OBJECTS.replace(/ /g,"$)| (\\W")+"$)","g");
var regMP=new RegExp(" (\\W"+METHODS_PROPERTIES.replace(/ /g,"$)|(\\W")+"$) ","g");
//var regOP=new RegExp("(\\W"+OPS.replace(/ /g,"$)|(\\W") +"$)","g");

//------------------
// Global Variables
//-- ---------------- 
var divJSInput, txtJSInput, divMain, divJSOutputLineNo, divJSOutputPlus, divJSOutput,  divWaiting;
var spnProcess, cmdStop, divJSExport, selJSExport, divJSExportContent; 3;
var glbStr, glbP, glbRe, curRe, glbTimer, glbBusy, glbFuntionNames;

& #10;
function init() {
 // init global variables
 divJSInput=document.getElementById ("divJSInput");
 txtJSInput=document.getElementById ("txtJSInput");
 divMain=document.getElementById ("divMain");
 divJSOutputLineNo=document.getElementById ("divJSOutputLineNo");
 divJSOutputPlus=document.getElementById ("divJSOutputPlus");
 divJSOutput=document.getElementById ("divJSOutput");
 divWaiting=document.getElementById ("divWaiting");
 spnProcess=document.getElementById ("spnProcess");
 cmdStop=document.getElementById ("cmdStop");
 divJSExport=document.getElementById ("divJSExport");
 selJSExport=document.getElementById ("selJSExport");
 divJSExportContent=document.getElementById ("divJSExportContent");
 
 // 초기화 창 상태
 최대화W indow();
 
 divMain.style.width=document.body.clientWidth- 4;
 divMain.style.height=document.body.clientHeight- 26;
 
 divJSOutput.style.width=document.body.clientWidth- 52;
 
 
 // 글로벌 이벤트 초기화
 divJSOutputLineNo.onse lectstart=divJSOutputLineNo.onselect=divJSOutputPlus.onselectstart=divJSOutputPlus.onselect=cancelEvents;
 divJ SOutput.onscroll=divJSOutput_onscroll;
 
 divJSInput.onkeydown=divJSInput_keydown;
  ;divJSExport.onkeydown=divJSExport_keydown;
 
}

//------ 
// 이벤트 스크립트
//------

함수 취소이벤트(e) {
 var e=window.event?window.event:e;
 e.returnValue=false;
 반환 (거짓);
}

함수 divJSInput_keydown(e){
 var e=window.event? window.event:e;
 var srcEle=e.srcElement? e.srcElement:e.target;
 var sel;
 if(e.keyCode==27)hideJSInput();
 if (e.keyCode==13&&e.ctrlKey)execJSInput();
 if(e.keyCode==9&&srcEle==txtJSInput) {
  document.selection.createRange().text="t";return (false); // FF를 지원하지 않음 
 }
}

함수 divJSExport_keydown(e){
 var e=window.event? window.event:e;
 var srcEle=e.srcElement? e.srcElement:e.target;
 var sel;
 if(e.keyCode==27)hideJSExport();
 if (e.keyCode==13&&e.ctrlKey)hideJSExport();
}

함수 divJSOutput_onscroll() {
 divJSOutputLineNo.scrollTop=divJSOutputPlus.scrollTop=divJSOutput.scrollTop;
}

//------
// 기능적 스크립트
//------------ -------

함수 showJSInput(){
 if(glbBusy)return;
 hideJSExport ();
 with(divJSInput.style){
  디스플레이="차단";
  왼쪽= (document.body.clientWidth-divJSInput.offsetWidth)/2;
  top=(document.body.clientHeight- divJSInput.offsetHeight)/2;
 }
 
 txtJSInput.focus ();
 
 반환(거짓);
}

함수 showJSExport() {
 if(glbBusy)return;
 hideJSInput();
 with(divJSExport.style) {
  디스플레이="차단";
  왼쪽=(document.body.clientWidth- divJSExport.offsetWidth)/2;
  상단=(document.body.clientHeight

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.