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 ...

随机推荐

10 逻辑完善以及bug修复
进行到这里,我们应用开发已经接近尾声,我这里基本就是应用开发的记录过程,讲解的东西很少,有问题可以在评论区讨论呦.下面进入最后调整的阶段. 预览我们的应用,会发现首页的职位列表,也会显示收藏的星星图标 ...
2016/3/30 ①投票checkbox ②进度条两个div套起百分比控制内div（width） <div><div></div></div> ③数据库test2 表 diaoyan... 35岁发展方向投票
分两个页面,要点:提交form 相连action method 两个页面可以合成一个页面action传到自身页面但分开较清晰第一个页面vote.php <!DOCTYPE html P ...
MySQL之——server保持与MySQL的连接
转载请注明出处:http://blog.csdn.net/l1028386804/article/details/47008019 server程序常常要訪问数据库,而且server程序是长时间保持运 ...
sphinx是支持结果聚类的——WHERE、ORDER BY和GROUP BY
原生API提供的匹配筛选.排序和分组配置和SQL语法提供的WHERE.ORDER BY和GROUP BY语句的效果是一样的,你可以对匹配结果进行你需要的筛选.排序和分组匹配.例如,如果你要搜索MySQ ...
spark安装和登陆配置
1.下载安装包: http://www.igniterealtime.org/downloads/index.jsp 2.点击安装后打开登陆界面: 2.点击“高级”,设置相关配置: 3.点击“登陆”后 ...
深入理解JMM（Java内存模型） --（一）
并发编程模型的分类在并发编程中,我们需要处理两个关键问题:线程之间如何通信及线程之间如何同步(这里的线程是指并发执行的活动实体).通信是指线程之间以何种机制来交换信息.在命令式编程中,线程之间的通信 ...
小程序-文章：微信小程序常见的UI框架/组件库总结
ylbtech-小程序-文章:微信小程序常见的UI框架/组件库总结 1.返回顶部 1. 想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小 ...
bzoj4631
4631: 踩气球 Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 260 Solved: 133[Submit][Status][Discuss] ...
Jquery选择器大全、属性操作、css操作、文档、事件等
一.简介定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. jQuery对象 jQuery产 ...
Linux 常用命令十五用户和组操作命令
一.创建一个用户 wang@wang:~/workpalce/threading$ sudo useradd -m python # -m创建家目录 wang@wang:~/workpalce/thr ...

JS格式化工具（转)

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

随机推荐

热门专题