JS格式化工具（转)

<html>

<head>

<title>JS格式化工具 </title>

<meta http-equiv="content-type" content="text/html; charset=gb2312" />

<style>

* { padding:0px; margin:5px; font-size:13px; font-family: arial 宋体; }

body { overflow:auto; border:0px none black; background-color:buttonface; }

li { margin:0px 0px 0px 40px; padding:2px 4px; }

.quote { color:#999; }

.comments { color: #009090; }

.indent { margin-left:25px; }

.regexp { color:#F000F0; }

#divTools { height:20px; border-bottom:1px solid #555; padding-left:15px; }

#divTools a { color:navy; text-decoration:none; height:20px; line-height:20px; padding:0px 25px; }

#divTools a:hover { color:white; background-color:navy; text-decoration:none; height:20px; line-height:20px; }

#divJSInput { display:none; width:600px; height:450px; border:2px outset buttonface; position:absolute; background-color:buttonface; z-Index:2; }

#divJSInputTitle { color:white; background-color:navy; height:20px; line-height:20px; padding:0px 10px; cursor:default; }

#txtJSInput { width:598px; height:406px; overflow:auto; padding:4px 8px; background-color:white;}

#divJSInputBar { height:24px; padding:0px 4px; }

#divJSInputBar input { width:110px; height:22px; border:1px solid #555; line-height:20px; }

#divJSOutput { background-color:white; border:1px inset buttonface; width:100%; height:500px; overflow:auto; }

#divWaiting { display:none; width:400px; height:60px; border:1px solid buttonface; position:absolute; background-color:#E0F0F0; z-Index:3; text-align:center; padding-top:10px; }

#divWaiting input { width:140px; height:22px; border:1px solid #555; line-height:20px; cursor:default; margin-top:4px; }

</style>

<script type="text/javascript">

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");

var colorKW="blue";

var colorObj="red";

var colorMP="#FF8000";

var colorOP="#004000";

//------------------

// Global Variables

//------------------

var divJSInput, txtJSInput, divJSOutput, divWaiting, spnProcess;

var glbStr, glbP, glbRe, curRe, glbTimer;

function init(){

// init global variables

divJSInput=document.getElementByIdx("divJSInput");

txtJSInput=document.getElementByIdx("txtJSInput");

divJSOutput=document.getElementByIdx("divJSOutput");

divWaiting=document.getElementByIdx("divWaiting");

spnProcess=document.getElementByIdx("spnProcess");

// init window state

maximizeWindow();

divJSOutput.style.width=document.body.clientWidth-2;

divJSOutput.style.height=document.body.clientHeight-26;

// init global events

divJSInput.onkeydown=divJSInput_keydown;

}

//------------------

// event scripts

//------------------

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);

// not support FF 

}

}

//------------------

// functional scripts

//------------------

function showJSInput(){

with(divJSInput.style){

display="block";

left=(document.body.clientWidth-divJSInput.offsetWidth)/2;

top=(document.body.clientHeight-divJSInput.offsetHeight)/2;

}

txtJSInput.focus();

return(false);

}

function hideJSInput(){

divJSInput.style.display="none";

}

function execJSInput(){

hideJSInput();

divJSOutput.innerHTML="";

glbStr=txtJSInput.value.replace(/\r\n[ \t]+/gi,"\r\n").replace(/(\r\n)+/gi,"\r\n");

glbP=0;

curRe=glbRe=document.createElement("div");

divJSOutput.appendChild(glbRe);

glbRe.className="codeRoot";

showWait();

core_analysis();

}

function showWait(){

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 )"

return(false);

}

function stopExec(){

document.body.style.cursor="";

divWaiting.style.display="none";

txta.value=divJSOutput.innerHTML;

try{

clearTimeout(glbTimer);

} catch(e){

}

return(false);

}

function core_analysis(){

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);

switch(c){

case "\r": case " ": case "\t":

if(lastState=="\r\n"){

str=" ";

break;

}

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);

}

break;

case "\n": case ";":

if(lastState=="\r\n"){

str=" ";

break;

}

outputLn(str);

str=" ";

lastState="\r\n";

if(i-glbP>200){

glbP=i+1;

glbTimer=setTimeout(core_analysis);

return;

}

break;

case "\"":

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+="<span class=\"quote\">"+htmlEncode(glbStr.substring(i+1,intNextQuote))+"<\/span>\"";

i=intNextQuote;

lastState="";

break;

case "\'":

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+="<span class=\"quote\">"+htmlEncode(glbStr.substring(i+1,intNextQuote))+"<\/span>\'";

i=intNextQuote;

lastState="";

break;

case "\/":

if(glbStr.charAt(i+1)=="\/"){

intNextQuote=i;

intNextQuote=glbStr.indexOf("\r\n",intNextQuote+1);

if(intNextQuote==-1)intNextQuote=glbStr.length;

str=str.substring(0,str.length-1);

str+="<span class=\"comments\">\/"+htmlEncode(glbStr.substring(i+1,intNextQuote))+"<\/span>";

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+="<span class=\"comments\">\/"+htmlEncode(glbStr.substring(i+1,intNextQuote))+"*\/<\/span>";

i=intNextQuote+1;

} else if(str.match(/[=(][ \t]*\//)){

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+="<span class=\"regexp\">"+htmlEncode(glbStr.substring(i+1,intNextQuote))+"<\/span>\/";

i=intNextQuote;

lastState="";

}

lastState="";

break;

case "{":

outputLn(str);

str=" ";

seq=document.createElement("div");

seq.className="indent";

curRe.appendChild(seq);

curRe=seq;

lastState="\r\n";

if(i-glbP>200){

glbP=i+1;

glbTimer=setTimeout(core_analysis);

return;

}

break;

case "}":

outputLn(str.substring(0,str.length-1));

str="} ";

lastState="";

curRe=curRe.parentNode;

break;

default:

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="";

break;

}

}

if(i==glbStr.length){

if(str!=""){

outputLn(str);

str=" ";

}

stopExec();

}

}

function outputLn(theStr){

var seq=document.createElement("p");

seq.innerHTML=theStr;

curRe.appendChild(seq);

}

function clKW(str){

return(str.charAt(0)+str.substring(1).fontcolor(colorKW));

}

function clObj(str){

return(str.charAt(0)+str.substring(1).fontcolor(colorObj));

}

function clMP(str){

 return(str.charAt(0)+str.substring(1).fontcolor(colorMP));

}

function clOP(str){

return(str.charAt(0)+str.substring(1).fontcolor(colorOP));

}

//------------------

// global scripts

//------------------

function maximizeWindow(){

window.moveTo(0,0);

window.resizeTo(screen.availWidth,screen.availHeight);

}

function htmlEncode(strS){

return(strS.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/ /g," ").replace(/\r\n/g,"<br\/>"));

}

</script>

</head>

<body>

<div id="divTools">

<a href="#" onclick="return(showJSInput());">点击我输入要格式化的JS</a>

</div>

<div id="divJSInput">

<div id="divJSInputTitle">请输入JS:－</div>

<textarea id="txtJSInput"></textarea>

<div id="divJSInputBar">

<input type="button" value="OK" onclick="execJSInput();" />

<input type="button" value="Cancel" onclick="hideJSInput();" />

</div>

</div>

<div id="divJSOutput"></div>

<textarea rows=20 cols=200 id="txta">

</textarea>

<div id="divWaiting">

Processing...<span id="spnProcess"></span><br>

<input type="button" value="Stop" onclick="stopExec();" />

</div>

</body>

</html>

JS格式化工具（转)的更多相关文章

推荐两款好用的JS格式化工具
工具一: 直接在Chrome浏览器中,F12,打开Sources栏,找到JS文件,点击下面的花括号即可. 工具二: 使用notepad++ 格式化JS文件. 1.下载 jstool 插件(https: ...
新一代记事本“Notepad++”个性化设置备份
Notepad++是一套非常有特色的自由软件的纯文字编辑器(许可证:GPL),有完整的中文化接口及支援多国语言撰写的功能(UTF8 技术).它的功能比 Windows 中的 Notepad(记事簿)强 ...
webqq 获得好友列表hash算法获得最新hash的方法
webqq获得好友列表的hash算法,大约每一个月中旬会变动一次.知道怎么获得他就能够了. js文件路径 http://web.qstatic.com/webqqpic/pubapps/0/50/eq ...
反编译轻松调频 Android APP 下载“飞鱼秀”录音
经常听“飞鱼秀”,但是由于时间的原因,只能听回放,但是轻松调频的APP做的有点儿... 听回放的时候经常会中断,还不能拖动进度条,就决定把录音下载下来听. 1.反编译apk(Android反编译过程见 ...
反爬虫破解系列-汽车之家利用css样式替换文字破解方法
网站: 汽车之家:http://club.autohome.com.cn/ 以论坛为例反爬虫措施: 在论坛发布的贴子正文中随机抽取某几个字使用span标签代替,标签内容位空,但css样式显示为所代替 ...
javascrpt 页面格式化页面
下面这个页面,格式化javaScript <html> <head> <title>JS格式化工具 </title> <meta http-equ ...
jQuery Cloud Zoom：图片放大镜插件破解插件
/* Cloud Zoom 10 Site License (CZ01-10). Version 3.1 rev 1312051822 */ (function(e) { function s(a) ...
JS Nice – JavaScript 代码美化和格式化工具
JS Nice 是一款让经过混淆处理的 JavaScript 代码可读更好的工具.它使用一种新型的用于 JavaScript 代码美化的去混淆和去压缩引擎.JSNice 采用先进的机器学习和程序分析技 ...
JavaScript的js文件压缩和格式化工具
JavaScriptcompressor.com这个网站可是大名鼎鼎啊.以前在找到过压缩 Javascript 代码的程序,一直在用,感觉效果不错.域名是: http://javascriptcomp ...

随机推荐

LoadRunner中存储表格参数------关联数组
主要用到 web_reg_save_param_ex函数("Scope=All",), sprintf( CProdNo,"{CProdNo_%d}",i ); ...
积跬步，聚小流------Bootstrap学习记录(3)
响应式作为Bootstrap的一大特色.栅格系统可谓是功不可没,既然如此,那我们就来看一下栅格系统是怎样帮助bootstrap实现响应式布局的呢? 1.什么是栅格系统我们能够从Bootstrap的官 ...
oracle技术总结
http://www.cnblogs.com/jimeper/ http://blog.csdn.net/dragonxiangfu http://www.boobooke.com/bbs/threa ...
Java SE之break和continue标签
文是学习网络上的文章时的总结,感谢大家无私的分享. Java没有提供goto功能,可是保留了gotokeyword. 在java中能够使用break标签和continue标签功能实现简版的goto功能 ...
MVC+ZTree大数据异步树加载
实例部分: 首先是为ZTree提供的数据规范,定义一个标准的接口,这样对于前台调用是清楚的,简单的,因为它返回的JSON数据将与ZTree默认的数据元素保持一致 /// <summary> ...
在myeclipse下面创建多层包
比如animal.cat.dog包先创建animal包然后创建animal.cat包最后创建animal.cat.dog包最后你发现这三个文件夹是分层的,层层嵌套的三个文件夹,而不是一个文件夹 ...
docker registry的CI规划
目前代码全部署在docker中, 考虑用jenkins打包成docker包再推送到docker registry 打包推送过程中自动按照日期打标签,并且刷新latest
POJ3468 A Simple Problem with Integers —— 线段树区间修改
题目链接:https://vjudge.net/problem/POJ-3468 You have N integers, A1, A2, ... , AN. You need to deal wit ...
YTU 2426: C语言习题字符串排序
2426: C语言习题字符串排序时间限制: 1 Sec 内存限制: 128 MB 提交: 262 解决: 164 题目描述用指向指针的指针的方法对5个字符串排序并输出.要求将排序单独写成一个 ...
疯狂JAVA——数组
java是静态语言,java数组也是静态语言静态初始化: String[] a = new String[]{ "我"}; String[] b = { "你" ...

JS格式化工具（转)

JS格式化工具（转)的更多相关文章

随机推荐

热门专题