格式化javascript代碼_易賢網(wǎng)

當(dāng)前位置：首頁(yè) > 范文|應(yīng)用文 > IT技術(shù)專(zhuān)欄 > 腳本欄目

格式化javascript代碼

來(lái)源：易賢網(wǎng) 閱讀：1044 次日期：2014-08-26 15:11:16

溫馨提示：易賢網(wǎng)小編為您整理了“格式化javascript代碼”,方便廣大網(wǎng)友查閱！

查看效果:格式化代碼從比較緊密的javascript轉(zhuǎn)換成標(biāo)準(zhǔn)的javascript代碼

代碼如下:

<HTML><HEAD><TITLE>Format</TITLE>

<BODY>

<!--

function CLASS_FORMAT(code){

//哈希表類(lèi)

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;

//字符串轉(zhuǎn)換為哈希表

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;

}

//獲得需要轉(zhuǎn)換的代碼

this._codetxt = code;

if(typeof(syntax)=="undefined"){

syntax = "";

}

this._deleteComment = false;

//是否大小寫(xiě)敏感

this._caseSensitive = true;

//可以后面加塊語(yǔ)句的關(guān)鍵字

this._blockElement = this.str2hashtable("switch,if,while,try,finally");

//是函數(shù)申明

this._function = this.str2hashtable("function");

//本行括號(hào)內(nèi)分號(hào)不做換行

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 = "http://";

//轉(zhuǎn)義字符

this._escape = "\\";

//多行引用開(kāi)始

this._commentOn = "/*";

//多行引用結(jié)束

this._commentOff = "*/";

//行結(jié)束詞

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;

}

//得到分割字符數(shù)組(分詞)

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

if (this._wordDelimiters.indexOf(this._codetxt.charAt(i)) == -1) { //找不到關(guān)鍵字

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; //引用標(biāo)記

var slash_star_comment_opened = false; //多行注釋標(biāo)記

var slash_slash_comment_opened = false; //單行注釋標(biāo)記

var line_num = 1; //行號(hào)

var quote_char = ""; //引用標(biāo)記類(lèi)型

var function_opened = false;

var bracket_open = false;

var for_open = false;

//按分割字，分塊顯示

for (var i=0; i <=word_index; i++){

//處理空行（由于轉(zhuǎn)義帶來(lá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"){

//處理?yè)Q行

} 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里的參數(shù)標(biāo)記

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

}

//處理關(guān)鍵字

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

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

//處理內(nèi)置對(duì)象(后面加一個(gè)空格)

} 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] + " ";

//處理雙引號(hào)（引號(hào)前不能為轉(zhuǎn)義字符）

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

if (quote_opened){

//是相應(yīng)的引號(hào)

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

}

//處理轉(zhuǎn)義字符

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

}

//處理多行注釋的開(kāi)始

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

//處理多行注釋結(jié)束

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

</select>

</select>

</text_area>

</BODY></HTML>

更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄

更多信息請(qǐng)查看腳本欄目

上一篇：js點(diǎn)擊qq直接聊天

下一篇：document.execCommand

易賢網(wǎng)手機(jī)網(wǎng)站地址：格式化javascript代碼

由于各方面情況的不斷調(diào)整與變化，易賢網(wǎng)提供的所有考試信息和咨詢(xún)回復(fù)僅供參考，敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢(xún)?yōu)闇?zhǔn)！

相關(guān)閱讀腳本欄目

Bottle框架中的裝飾器類(lèi)和描述符應(yīng)用詳解10月30日

Python探索之SocketServer詳解10月30日

Python探索之實(shí)現(xiàn)一個(gè)簡(jiǎn)單的HTTP服務(wù)器10月30日

python探索之BaseHTTPServer-實(shí)現(xiàn)Web服務(wù)器介紹10月30日

13個(gè)最常用的Python深度學(xué)習(xí)庫(kù)介紹10月30日

深入理解Python中的*重復(fù)運(yùn)算符10月30日

python logging日志模塊詳解10月30日

System表空間不足的報(bào)警問(wèn)題淺析10月22日

Android開(kāi)發(fā)自定義TextView省略號(hào)樣式的方法10月22日

MySQL 清除表空間碎片的實(shí)例詳解10月22日

Ubuntu下MySQL安裝及配置遠(yuǎn)程登錄教程10月22日

Python 2.x如何設(shè)置命令執(zhí)行的超時(shí)時(shí)間實(shí)例10月22日

windows 64位下redis安裝教程10月22日

Android 自定義 HorizontalScrollView 打造多圖片OOM 的橫向滑動(dòng)效果10月22日

淺談Node Inspector 代理實(shí)現(xiàn)10月22日

java web開(kāi)發(fā)之購(gòu)物車(chē)功能實(shí)現(xiàn)示例代碼10月22日

Android開(kāi)發(fā)中GridView用法示例10月22日

Django ORM框架的定時(shí)任務(wù)如何使用詳解10月22日

SpringMail使用過(guò)程中的報(bào)錯(cuò)解決辦法10月22日

Android 使用自定義RecyclerView控件實(shí)現(xiàn)Gallery效果10月22日

易賢網(wǎng)移動(dòng)網(wǎng)站

2025國(guó)考·省考課程試聽(tīng)報(bào)名

報(bào)班類(lèi)型
姓名
手機(jī)號(hào)
驗(yàn)證碼

午夜国产狂喷潮在线观看|国产AⅤ精品一区二区久久|中文字幕AV中文字幕|国产看片高清在线