[转]JS代码格式化工具(附源代码)
<HTML><HEAD><TITLE>Format</TITLE>
<META content="MSHTML 6.00.2800.1528" name=GENERATOR>
<META content="" name=Author>
<META content="" name=Keywords>
<META content="" name=Description></HEAD>
<BODY>
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
<SCRIPT language=JavaScript>![](https://www.cnblogs.com/Images/dot.gif)
<!--
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
/**//**//**//**//**//**//**//**
** ==================================================================================================
** 类名:CLASS_FORMATER
** 功能:JS格式化
** 示例:
---------------------------------------------------------------------------------------------------
var xx = new CLASS_FORMATER(code);
![](/Images/OutliningIndicators/InBlock.gif)
document.getElementById("display").innerHTML = xx.format();
---------------------------------------------------------------------------------------------------
** 作者:ttyp
** 邮件:ttyp@21cn.com
** 日期:2006-5-21
** 版本:0.1
** ==================================================================================================
**/
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function CLASS_FORMAT(code)
{
//哈希表类
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function Hashtable()
{
this._hash = new Object();
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.add = function(key,value)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(typeof(key)!="undefined")
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(this.contains(key)==false)
{
this._hash[key]=typeof(value)=="undefined"?null:value;
return true;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else
{
return false;
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else
{
return false;
}
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.remove = function(key)
{delete this._hash[key];}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.count = function()
{var i=0;for(var k in this._hash)
{i++;} return i;}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.items = function(key)
{return this._hash[key];}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.contains = function(key)
{return typeof(this._hash[key])!="undefined";}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.clear = function()
{for(var k in this._hash)
{delete this._hash[k];}}
![](/Images/OutliningIndicators/InBlock.gif)
}
![](/Images/OutliningIndicators/InBlock.gif)
this._caseSensitive = true;
![](/Images/OutliningIndicators/InBlock.gif)
//字符串转换为哈希表
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.str2hashtable = function(key,cs)
{
var _key = key.split(/,/g);
var _hash = new Hashtable();
var _cs = true;
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(typeof(cs)=="undefined"||cs==null)
{
_cs = this._caseSensitive;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else
{
_cs = cs;
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for(var i in _key)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(_cs)
{
_hash.add(_key[i]);
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else
{
_hash.add((_key[i]+"").toLowerCase());
}
![](/Images/OutliningIndicators/InBlock.gif)
}
return _hash;
}
![](/Images/OutliningIndicators/InBlock.gif)
//获得需要转换的代码
this._codetxt = code;
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(typeof(syntax)=="undefined")
{
syntax = "";
}
![](/Images/OutliningIndicators/InBlock.gif)
this._deleteComment = false;
//是否大小写敏感
this._caseSensitive = true;
//可以后面加块语句的关键字
this._blockElement = this.str2hashtable("switch,if,while,try,finally");
//是函数申明
this._function = this.str2hashtable("function");
//本行括号内分号不做换行
this._isFor = "for";
![](/Images/OutliningIndicators/InBlock.gif)
this._choiceElement = this.str2hashtable("else,catch");
![](/Images/OutliningIndicators/InBlock.gif)
this._beginBlock = "{";
this._endBlock = "}";
this._singleEyeElement = this.str2hashtable("var,new,return,else,delete,in,case");
//得到分割字符
this._wordDelimiters= " ,.?!;:\\/<>(){}[]\"'\r\n\t=+-|*%@#$^&";
//引用字符
this._quotation = this.str2hashtable("\",'");
//行注释字符
this._lineComment = "//";
//转义字符
this._escape = "\\";
//多行引用开始
this._commentOn = "/*";
//多行引用结束
this._commentOff = "*/";
//行结束词
this._rowEnd = ";";
![](/Images/OutliningIndicators/InBlock.gif)
this._in = "in";
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
this.isCompress = false;
this.style = 0;
![](/Images/OutliningIndicators/InBlock.gif)
this._tabNum = 0;
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.format = function()
{
var codeArr = new Array();
var word_index = 0;
var htmlTxt = new Array();
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(this.isCompress)
{
this._deleteComment = true;
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
//得到分割字符数组(分词)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for (var i = 0; i < this._codetxt.length; i++)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (this._wordDelimiters.indexOf(this._codetxt.charAt(i)) == -1)
{ //找不到关键字
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (codeArr[word_index] == null || typeof(codeArr[word_index]) == 'undefined')
{
codeArr[word_index] = "";
}
codeArr[word_index] += this._codetxt.charAt(i);
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else
{
if (typeof(codeArr[word_index]) != 'undefined' && codeArr[word_index].length > 0)
word_index++;
codeArr[word_index++] = this._codetxt.charAt(i);
}
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
var quote_opened = false; //引用标记
var slash_star_comment_opened = false; //多行注释标记
var slash_slash_comment_opened = false; //单行注释标记
var line_num = 1; //行号
var quote_char = ""; //引用标记类型
![](/Images/OutliningIndicators/InBlock.gif)
var function_opened = false;
![](/Images/OutliningIndicators/InBlock.gif)
var bracket_open = false;
var for_open = false;
![](/Images/OutliningIndicators/InBlock.gif)
//按分割字,分块显示
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for (var i=0; i <=word_index; i++)
{
//处理空行(由于转义带来)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(typeof(codeArr[i])=="undefined"||codeArr[i].length==0)
{
continue;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if(codeArr[i]==" "||codeArr[i]=="\t")
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(slash_slash_comment_opened||slash_star_comment_opened)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!this._deleteComment)
{
htmlTxt[htmlTxt.length] = codeArr[i];
}
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(quote_opened)
{
htmlTxt[htmlTxt.length] = codeArr[i];
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if(codeArr[i]=="\n")
{
//处理换行
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (codeArr[i] == "\r")
{
slash_slash_comment_opened = false;
quote_opened = false;
line_num++;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!this.isCompress)
{
htmlTxt[htmlTxt.length] = "\r\n"+ this.getIdent();
}
//处理function里的参数标记
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&this.isFunction(codeArr[i]))
{
htmlTxt[htmlTxt.length] = codeArr[i] + " ";
function_opened = true;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]==this._isFor)
{
htmlTxt[htmlTxt.length] = codeArr[i];
for_open = true;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]=="(")
{
bracket_open = true;
htmlTxt[htmlTxt.length] = codeArr[i];
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]==")")
{
bracket_open = false;
htmlTxt[htmlTxt.length] = codeArr[i];
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]==this._rowEnd)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!this.isCompress)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!for_open)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(i<word_index&&(codeArr[i+1]!="\r"&&codeArr[i+1]!="\n"))
{
htmlTxt[htmlTxt.length] = codeArr[i] + "\n" + this.getIdent();
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
htmlTxt[htmlTxt.length] = codeArr[i] + this.getIdent();
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
htmlTxt[htmlTxt.length] = codeArr[i];
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
htmlTxt[htmlTxt.length] = codeArr[i];
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if(!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]==this._beginBlock)
{
for_open = false;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!this.isCompress)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
switch(this.style)
{
case 0:
this._tabNum++;
htmlTxt[htmlTxt.length] = codeArr[i] + "\n" + this.getIdent();
break;
case 1:
htmlTxt[htmlTxt.length] = "\n" + this.getIdent();
this._tabNum++;
htmlTxt[htmlTxt.length] = codeArr[i] + "\n"+ this.getIdent();
break;
default:
this._tabNum++;
htmlTxt[htmlTxt.length] = codeArr[i];
break;
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
htmlTxt[htmlTxt.length] = codeArr[i];
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if(!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]==this._endBlock)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!this.isCompress)
{
this._tabNum--;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(i<word_index&&codeArr[i+1]!=this._rowEnd)
{
htmlTxt[htmlTxt.length] = "\n" + this.getIdent() + codeArr[i];
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
htmlTxt[htmlTxt.length] = "\n" + this.getIdent() + codeArr[i];
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(i<word_index&&codeArr[i+1]!=this._rowEnd)
{
htmlTxt[htmlTxt.length] = codeArr[i] + this._rowEnd;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
htmlTxt[htmlTxt.length] = codeArr[i];
}
}
//处理关键字
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened && this.isBlockElement(codeArr[i]))
{
htmlTxt[htmlTxt.length] = codeArr[i];
//处理内置对象(后面加一个空格)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened && this.isSingleEyeElement(codeArr[i]))
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(codeArr[i]==this._in)
{
htmlTxt[htmlTxt.length] = " ";
}
htmlTxt[htmlTxt.length] = codeArr[i] + " ";
//处理双引号(引号前不能为转义字符)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!slash_star_comment_opened&&!slash_slash_comment_opened&&this._quotation.contains(codeArr[i]))
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (quote_opened)
{
//是相应的引号
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(quote_char==codeArr[i])
{
htmlTxt[htmlTxt.length] = codeArr[i];
quote_opened = false;
quote_char = "";
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else
{
htmlTxt[htmlTxt.length] = codeArr[i];
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else
{
htmlTxt[htmlTxt.length] = codeArr[i];
quote_opened = true;
quote_char = codeArr[i];
}
//处理转义字符
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if(codeArr[i] == this._escape)
{
htmlTxt[htmlTxt.length] = codeArr[i];
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(i<word_index-1)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(codeArr[i+1].charCodeAt(0)>=32&&codeArr[i+1].charCodeAt(0)<=127)
{
htmlTxt[htmlTxt.length] = codeArr[i+1].substr(0,1);
htmlTxt[htmlTxt.length] = codeArr[i+1].substr(1);
i=i+1;
}
}
//处理多行注释的开始
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!slash_slash_comment_opened && !slash_star_comment_opened&&!quote_opened&&this.isStartWith(this._commentOn,codeArr,i))
{
slash_star_comment_opened = true;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!this._deleteComment)
{
htmlTxt[htmlTxt.length] = this._commentOn;
}
i = i + this.getSkipLength(this._commentOn);
//处理单行注释
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!slash_slash_comment_opened && !slash_star_comment_opened&&!quote_opened&&this.isStartWith(this._lineComment,codeArr,i))
{
slash_slash_comment_opened = true;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!this._deleteComment)
{
htmlTxt[htmlTxt.length] = this._lineComment;
}
i = i + this.getSkipLength(this._lineComment);
//处理忽略词
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!slash_slash_comment_opened && !slash_star_comment_opened&&!quote_opened&&this.isStartWith(this._ignore,codeArr,i))
{
slash_slash_comment_opened = true;
htmlTxt[htmlTxt.length] = this._ignore;
i = i + this.getSkipLength(this._ignore);
//处理多行注释结束
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else if (!quote_opened&&!slash_slash_comment_opened&&this.isStartWith(this._commentOff,codeArr,i))
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (slash_star_comment_opened)
{
slash_star_comment_opened = false;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!this._deleteComment)
{
htmlTxt[htmlTxt.length] = this._commentOff;
}
i = i + this.getSkipLength(this._commentOff);
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else
{
//不是在字符串中
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!quote_opened)
{
//如果不是在注释重
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!slash_slash_comment_opened && !slash_star_comment_opened)
{
htmlTxt[htmlTxt.length] = codeArr[i];
//注释中
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(!this._deleteComment)
{
htmlTxt[htmlTxt.length] = codeArr[i];
}
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
htmlTxt[htmlTxt.length] = codeArr[i];
}
}
}
![](/Images/OutliningIndicators/InBlock.gif)
return htmlTxt.join("");
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.isStartWith = function(str,code,index)
{
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(typeof(str)!="undefined"&&str.length>0)
{
var cc = new Array();
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for(var i=index;i<index+str.length;i++)
{
cc[cc.length] = code[i];
}
var c = cc.join("");
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(this._caseSensitive)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(str.length>=code[index].length&&c.indexOf(str)==0)
{
return true;
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(str.length>=code[index].length&&c.toLowerCase().indexOf(str.toLowerCase())==0)
{
return true;
}
}
return false;
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
} else
{
return false;
}
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.isFunction = function(val)
{
return this._function.contains(this._caseSensitive?val:val.toLowerCase());
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.isBlockElement = function(val)
{
return this._blockElement.contains(this._caseSensitive?val:val.toLowerCase());
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.isChoiceElement = function(val)
{
return this._choiceElement.contains(this._caseSensitive?val:val.toLowerCase());
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.isSingleEyeElement = function(val)
{
return this._singleEyeElement.contains(this._caseSensitive?val:val.toLowerCase());
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.isNextElement = function(from,word)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for(var i=from;i<word.length;i++)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(word[i]!=" "&&word[i]!="\t"&&word[i]!="\r"&&word[i]!="\n")
{
return this.isChoiceElement(word[i]);
}
}
return false;
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.getSkipLength = function(val)
{
var count = 0;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for(var i=0;i<val.length;i++)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(this._wordDelimiters.indexOf(val.charAt(i))>=0)
{
count++;
}
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(count>0)
{
count=count-1;
}
return count;
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
this.getIdent=function()
{
var n = [];
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for(var i=0;i<this._tabNum;i++)
{
n[n.length] = "\t";
}
return n.join("");
}
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function doformat(o)
{
var htmltxt = "";
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (o == null)
{
alert("domNode is null!");
return;
}
![](/Images/OutliningIndicators/InBlock.gif)
var _codetxt = "";
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(typeof(o)=="object")
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
switch(o.tagName)
{
case "TEXTAREA":
case "INPUT":
_codetxt = o.value;
break;
case "DIV":
case "SPAN":
_codetxt = o.innerText;
break;
default:
_codetxt = o.innerHTML;
break;
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
_codetxt = o;
}
![](/Images/OutliningIndicators/InBlock.gif)
var _syn = new CLASS_FORMAT(_codetxt);
htmltxt = _syn.format();
return htmltxt;
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
function go()
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/ContractedSubBlock.gif)
{
var code = document.getElementById("code").value;
var xx = new CLASS_FORMAT(code);
var a = new Date();
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(document.getElementById('cboOperate').selectedIndex==1)
{
xx.isCompress=true;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
xx.style = parseInt(document.getElementById('cboStyle').value);
}
document.getElementById("display").value = xx.format();
alert("共花:" + (new Date().getTime()-a.getTime()) + "ms");
}
//-->
</SCRIPT>
<TEXTAREA id=code rows=12 cols=100>
/*
这个是一个类
*/
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
function xx (num,str){//说明
var a = num;this.aa = a;
this.bb = function(){alert(str);}
this.cc = function(){for(var i=0;i<10;i++){document.title=i;}}};
![](/Images/OutliningIndicators/None.gif)
xx.prototype.dd= function(){alert("d d kd");}
![](/Images/OutliningIndicators/None.gif)
var a = new xx(100,"hello"),b=new xx(0,"ttyp");
if(1>2) { alert();
}
else {
alert(" hell ");
}
![](/Images/OutliningIndicators/None.gif)
a.bb();
b.dd();
alert(a.aa);
![](/Images/OutliningIndicators/None.gif)
</TEXTAREA> <BR>
<select id="cboOperate" onchange="if(this.selectedIndex==1)document.getElementById('cboStyle').disabled=true;else document.getElementById('cboStyle').disabled=false;">
<option value="0">格式化</option>
<option value="1">压缩</option>
</select>
<select id="cboStyle">
<option value="0">经典</option>
<option value="1">微软</option>
</select>
<INPUT onclick=go() type=button value=go><br>
<textarea id=display rows=12 cols=100>
</textarea>
</BODY></HTML>
![](/Images/OutliningIndicators/None.gif)
原文地址:https://www.cnblogs.com/jacklong/p/1015862.html