网站制作学习网JS脚本→正文:格式化javascript代码
字体:

格式化javascript代码

JS脚本 2009/7/22 8:49:47  点击:不统计

转www.载for网站制作学习asp必.cn究

关键词:格式化代码,把代码规格化,格式化,标准格式
查看效果:格式化代码 从比较紧密的javascript转换成标准的javascript代码

代码如下:

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

<SCRIPT language=JavaScript>

<!--

function CLASS_FORMAT(code){

//哈希表类

function Hashtable(){

this._hash = new Object();

this.add = function(key,value){

if(typeof(key)!="undefined"){

if(this.contains(key)==false){

this._hash[key]=typeof(value)=="undefined"?null:value;

return true;

} else {

return false;

}

} else {

return false;

}

}

this.remove = function(key){delete this._hash[key];}

this.count = function(){var i=0;for(var k in this._hash){i++;} return i;}

this.items = function(key){return this._hash[key];}

this.contains = function(key){return typeof(this._hash[key])!="undefined";}

this.clear = function(){for(var k in this._hash){delete this._hash[k];}}
}

this._caseSensitive = true;

//字符串转换为哈希表
this.str2hashtable = function(key,cs){
var _key = key.split(/,/g);
var _hash = new Hashtable();
var _cs = true;

if(typeof(cs)=="undefined"||cs==null){

_cs = this._caseSensitive;

} else {
_cs = cs;
}
for(var i in _key){
if(_cs){
_hash.add(_key[i]);
} else {
_hash.add((_key[i]+"").toLowerCase());
}
}
return _hash;
}
//获得需要转换的代码
this._codetxt = code;
if(typeof(syntax)=="undefined"){
syntax = "";
}
this._deleteComment = false;
//是否大小写敏感
this._caseSensitive = true;
//可以后面加块语句的关键字
this._blockElement = this.str2hashtable("switch,if,while,try,finally");
//是函数申明
this._function = this.str2hashtable("function");
//本行括号内分号不做换行
this._isFor = "for";
this._choiceElement = this.str2hashtable("else,catch");
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 = ";";
this._in = "in";
this.isCompress = false;
this.style = 0;
this._tabNum = 0;
this.format = function() {
var codeArr = new Array();
var word_index = 0;
var htmlTxt = new Array();
if(this.isCompress){
this._deleteComment = true;
}

//得到分割字符数组(分词)

for (var i = 0; i < this._codetxt.length; i++) {

if (this._wordDelimiters.indexOf(this._codetxt.charAt(i)) == -1) { //找不到关键字

if (codeArr[word_index] == null || typeof(codeArr[word_index]) == 'undefined') {

codeArr[word_index] = "";

}

codeArr[word_index] += this._codetxt.charAt(i);

} else {

if (typeof(codeArr[word_index]) != 'undefined' && codeArr[word_index].length > 0)

word_index++;

codeArr[word_index++] = this._codetxt.charAt(i);
} }

var quote_opened = false; //引用标记

var slash_star_comment_opened = false; //多行注释标记

var slash_slash_comment_opened = false; //单行注释标记

var line_num = 1; //行号

var quote_char = ""; //引用标记类型
var function_opened = false;
var bracket_open = false;
var for_open = false;
//按分割字,分块显示
for (var i=0; i <=word_index; i++){

//处理空行(由于转义带来)

if(typeof(codeArr[i])=="undefined"||codeArr[i].length==0){

continue;

} else if(codeArr[i]==" "||codeArr[i]=="\t"){

if(slash_slash_comment_opened||slash_star_comment_opened){

if(!this._deleteComment){

htmlTxt[htmlTxt.length] = codeArr[i];
}
}

if(quote_opened){

htmlTxt[htmlTxt.length] = codeArr[i];

}

} else if(codeArr[i]=="\n"){

//处理换行

} else if (codeArr[i] == "\r"){

slash_slash_comment_opened = false;

quote_opened = false;

line_num++;

if(!this.isCompress){

htmlTxt[htmlTxt.length] = "\r\n"+ this.getIdent();

}

//处理function里的参数标记

} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&this.isFunction(codeArr[i])){

htmlTxt[htmlTxt.length] = codeArr[i] + " ";

function_opened = true;

} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]==this._isFor){

htmlTxt[htmlTxt.length] = codeArr[i];

for_open = true;

} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]=="("){

bracket_open = true;

htmlTxt[htmlTxt.length] = codeArr[i];

} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]==")"){

bracket_open = false;

htmlTxt[htmlTxt.length] = codeArr[i];

} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]==this._rowEnd){

if(!this.isCompress){

if(!for_open){

if(i<word_index&&(codeArr[i+1]!="\r"&&codeArr[i+1]!="\n")){

htmlTxt[htmlTxt.length] = codeArr[i] + "\n" + this.getIdent();

}else{
htmlTxt[htmlTxt.length] = codeArr[i] + this.getIdent();
}

}else{

htmlTxt[htmlTxt.length] = codeArr[i];

}

}else{

htmlTxt[htmlTxt.length] = codeArr[i];

}

} else if(!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]==this._beginBlock){

for_open = false;

if(!this.isCompress){

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;



}

}else{

htmlTxt[htmlTxt.length] = codeArr[i];

}



} else if(!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened &&codeArr[i]==this._endBlock){

if(!this.isCompress){

this._tabNum--;

if(i<word_index&&codeArr[i+1]!=this._rowEnd){

htmlTxt[htmlTxt.length] = "\n" + this.getIdent() + codeArr[i];

}else{

htmlTxt[htmlTxt.length] = "\n" + this.getIdent() + codeArr[i];

}

}else{

if(i<word_index&&codeArr[i+1]!=this._rowEnd){

htmlTxt[htmlTxt.length] = codeArr[i] + this._rowEnd;

}else{

htmlTxt[htmlTxt.length] = codeArr[i];

}

}

//处理关键字

} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened && this.isBlockElement(codeArr[i])){

htmlTxt[htmlTxt.length] = codeArr[i];

//处理内置对象(后面加一个空格)

} else if (!slash_slash_comment_opened&&!slash_star_comment_opened && !quote_opened && this.isSingleEyeElement(codeArr[i])){

if(codeArr[i]==this._in){

htmlTxt[htmlTxt.length] = " ";

}

htmlTxt[htmlTxt.length] = codeArr[i] + " ";

//处理双引号(引号前不能为转义字符)

} else if (!slash_star_comment_opened&&!slash_slash_comment_opened&&this._quotation.contains(codeArr[i])){

if (quote_opened){

//是相应的引号

if(quote_char==codeArr[i]){

htmlTxt[htmlTxt.length] = codeArr[i];

quote_opened = false;

quote_char = "";

} else {

htmlTxt[htmlTxt.length] = codeArr[i];

}

} else {

htmlTxt[htmlTxt.length] = codeArr[i];

quote_opened = true;

quote_char = codeArr[i];

}

//处理转义字符

} else if(codeArr[i] == this._escape){

htmlTxt[htmlTxt.length] = codeArr[i];

if(i<word_index-1){

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;

}

}

//处理多行注释的开始

} else if (!slash_slash_comment_opened && !slash_star_comment_opened&&!quote_opened&&this.isStartWith(this._commentOn,codeArr,i)){

slash_star_comment_opened = true;

if(!this._deleteComment){

htmlTxt[htmlTxt.length] = this._commentOn;

}

i = i + this.getSkipLength(this._commentOn);

//处理单行注释

} else if (!slash_slash_comment_opened && !slash_star_comment_opened&&!quote_opened&&this.isStartWith(this._lineComment,codeArr,i)){

slash_slash_comment_opened = true;

if(!this._deleteComment){

htmlTxt[htmlTxt.length] = this._lineComment;

}

i = i + this.getSkipLength(this._lineComment);

//处理忽略词

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

//处理多行注释结束

} else if (!quote_opened&&!slash_slash_comment_opened&&this.isStartWith(this._commentOff,codeArr,i)){

if (slash_star_comment_opened) {

slash_star_comment_opened = false;

if(!this._deleteComment){

htmlTxt[htmlTxt.length] = this._commentOff;

}

i = i + this.getSkipLength(this._commentOff);

}

} else {

//不是在字符串中

if(!quote_opened){

//如果不是在注释重

if(!slash_slash_comment_opened && !slash_star_comment_opened){

htmlTxt[htmlTxt.length] = codeArr[i];

//注释中

}else{

if(!this._deleteComment){

htmlTxt[htmlTxt.length] = codeArr[i];

}

}

}else{

htmlTxt[htmlTxt.length] = codeArr[i];

}

}



}



return htmlTxt.join("");

}



this.isStartWith = function(str,code,index){



if(typeof(str)!="undefined"&&str.length>0){

var cc = new Array();

for(var i=index;i<index+str.length;i++){

cc[cc.length] = code[i];

}

var c = cc.join("");

if(this._caseSensitive){

if(str.length>=code[index].length&&c.indexOf(str)==0){

return true;

}

}else{

if(str.length>=code[index].length&&c.toLowerCase().indexOf(str.toLowerCase())==0){

return true;

}

}

return false;



} else {

return false;

}

}



this.isFunction = function(val){

return this._function.contains(this._caseSensitive?val:val.toLowerCase());

}



this.isBlockElement = function(val) {

return this._blockElement.contains(this._caseSensitive?val:val.toLowerCase());

}



this.isChoiceElement = function(val) {

return this._choiceElement.contains(this._caseSensitive?val:val.toLowerCase());

}



this.isSingleEyeElement = function(val) {

return this._singleEyeElement.contains(this._caseSensitive?val:val.toLowerCase());

}



this.isNextElement = function(from,word){

for(var i=from;i<word.length;i++){

if(word[i]!=" "&&word[i]!="\t"&&word[i]!="\r"&&word[i]!="\n"){

return this.isChoiceElement(word[i]);

}

}

return false;

}



this.getSkipLength = function(val){

var count = 0;

for(var i=0;i<val.length;i++){

if(this._wordDelimiters.indexOf(val.charAt(i))>=0){

count++;

}

}

if(count>0){

count=count-1;

}

return count;

}



this.getIdent=function(){

var n = [];

for(var i=0;i<this._tabNum;i++){

n[n.length] = "\t";

}

return n.join("");

}

}



function doformat(o){

var htmltxt = "";



if (o == null){

alert("domNode is null!");

return;

}



var _codetxt = "";



if(typeof(o)=="object"){

switch(o.tagName){

case "TEXTAREA":

case "INPUT":

_codetxt = o.value;

break;

case "DIV":

case "SPAN":

_codetxt = o.innerText;

break;

default:

_codetxt = o.innerHTML;

break;

}

}else{

_codetxt = o;

}



var _syn = new CLASS_FORMAT(_codetxt);

htmltxt = _syn.format();

return htmltxt;

}





function go()

{

var code = document.getElementById("code").value;

var xx = new CLASS_FORMAT(code);

var a = new Date();



if(document.getElementById('cboOperate').selectedIndex==1){

xx.isCompress=true;

}else{

xx.style = parseInt(document.getElementById('cboStyle').value);

}

document.getElementById("display").value = xx.format();

}

//-->

</SCRIPT>

<TEXTAREA id=code rows=12 cols=100>

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

</text_area>

</BODY></HTML>
 

3w.foa($)sp.cn

·上一篇:间断左转广告代码 >>    ·下一篇:js获取上一页url >>
推荐文章
最新文章