简单JS代码压缩器


Posted in Javascript onOctober 12, 2006

1、

<!-- 
  - From: <a href="http://www.iecn.net/bbs/view/105499.html" target="_blank">http://www.iecn.net/bbs/view/105499.html</a> 
  - IECN.NET 2006-09-22 
  --> <script language="javascript"  
type="text/javascript"> 
//去除所有的注释 
String.prototype.DeleteComment = function () 
{ 
    var str = this.replace(/(['"])(.+?)(['"])/g,function(s,s1,s2,s3){return s1+s2.replace(/[\/\*]/g,"\\$&")+s3}); 
    str = str.replace(/\/\/[^\r]+|\/\*[\s\S]+?\*\//g,""); 
    str = str.replace(/(['"])(.+?)(['"])/g,function(s,s1,s2,s3){return s1+s2.replace(/\\([^\\])/g,"$1")+s3}); 
    return str; 
} 
//格式代码 
String.prototype.FormatCode = function () 
{ 
    return this.replace(/\\$/mg,"").replace(/[^\s>;]$/mg,"$&;"); 
} 
//删除字符串前后多余的空格 
String.prototype.Trim = function (m) 
{ 
    return this.replace(m ? /^\s*|\s*$/mg : /^\s*|\s*$/g, ""); 
} 
//运行代码 
function RunCode(obj) 
{ 
    window.open('','_blank').document.write(obj.value); 
} 
</script> 
测试代码:<br/> 
<textArea id="Text" rows="25" cols="80"> 
<script language="JavaScript"> 
/* 
    测试代码 
*/ 
var x=5; 
document.write("x = // " + x); 
document.write("bh/* " + x); 
document.write("x =jjhj */hhhhhh " + x); 
document.write("x = // " + x); 
alert(22) 
alert(22) 
var a="/fwe/////wefawef"; 
alert(/^\/*[^\/]*$/.test(a)); 
//注释 
</script> 
</textArea> <br/><br/> 
第1步:<button onclick="Text.value = Text.value.DeleteComment();">删除注释</button> <br/> <br/> 
第2步:<button onclick="Text.value=Text.value.FormatCode();">格式代码</button> <br/> <br/> 
第3步:<button onclick="Text.value=Text.value.Trim(true);">去除两边空格</button> <br/> <br/> 
第4步:<button onclick="RunCode(Text);">运行代码</button> <br/> <br/>

2、
<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> 
<!-- 
/**//**//**//**  
**    ==================================================================================================   
**    类名:CLASS_FORMATER 
**    功能:JS格式化   
**    示例:   
   ---------------------------------------------------------------------------------------------------              var xx        = new CLASS_FORMATER(code);             
           document.getElementById("display").innerHTML = xx.format();  
   ---------------------------------------------------------------------------------------------------   
**    作者:ttyp   
**    邮件:<a href="mailto:ttyp@21cn.com">ttyp@21cn.com</a>   
**    日期:2006-5-21   
**    版本:0.1 
**    ==================================================================================================   
**/   
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(); 
   alert("共花:" + (new Date().getTime()-a.getTime()) + "ms"); 
} 
//--> 
</SCRIPT> 
<TEXTAREA id=code rows=12 cols=100> 
/* 
这个是一个类 
*/ 

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;}}}; 
xx.prototype.dd= function(){alert("d  d        kd");} 
var a = new xx(100,"hello"),b=new xx(0,"ttyp"); 
if(1>2)  {   alert(); 
} 
else { 
alert(" hell "); 
} 
a.bb(); 
b.dd(); 
alert(a.aa); 
</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>

Javascript 相关文章推荐
JavaScript Array Flatten 与递归使用介绍
Oct 30 Javascript
JavaScript var声明变量背后的原理示例解析
Oct 12 Javascript
JavaScript跨域方法汇总
Oct 16 Javascript
jQuery中on()方法用法实例
Jan 19 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
May 03 Javascript
D3.js实现直方图的方法详解
Sep 25 Javascript
Angular 4.x中表单Reactive Forms详解
Apr 25 Javascript
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
详解angularjs跨页面传参遇到的一些问题
Nov 01 Javascript
vue-cli history模式实现tomcat部署报404的解决方式
Sep 06 Javascript
JS实现打砖块游戏
Feb 14 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 26 Vue.js
jQuery 1.0.2
Oct 11 #Javascript
Firefox 无法获取cssRules 的解决办法
Oct 11 #Javascript
Google Suggest ;-) 基于js的动态下拉菜单
Oct 11 #Javascript
JS中style属性
Oct 11 #Javascript
用JavaScript脚本实现Web页面信息交互
Oct 11 #Javascript
window.open的功能全解析
Oct 10 #Javascript
Array.slice()与Array.splice()的返回值类型
Oct 09 #Javascript
You might like
为什么那些咖啡爱好者大多看不上连锁咖啡店?
2021/03/06 咖啡文化
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
php实现点击可刷新验证码
2015/11/07 PHP
通过PHP简单实例介绍文件上传
2015/12/16 PHP
jquery子元素过滤选择器使用示例
2013/06/24 Javascript
jQuery验证元素是否为空的两种常用方法
2015/03/17 Javascript
javascript实现英文首字母大写
2015/04/23 Javascript
js获取本机操作系统类型的两种方法
2015/12/19 Javascript
javascript特殊日历控件分享
2016/03/07 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
2016/12/08 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
2017/01/09 Javascript
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
JS数组求和的常用方法实例小结
2019/01/07 Javascript
在vue项目中引入vue-beauty操作方法
2019/02/11 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
2019/07/24 Javascript
python进阶教程之动态类型详解
2014/08/30 Python
举例讲解Linux系统下Python调用系统Shell的方法
2015/11/07 Python
Django自定义分页与bootstrap分页结合
2021/02/22 Python
python之PyMongo使用总结
2017/05/26 Python
python+mysql实现学生信息查询系统
2019/02/21 Python
Python实现时间序列可视化的方法
2019/08/06 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
python输出pdf文档的实例
2020/02/13 Python
MxNet预训练模型到Pytorch模型的转换方式
2020/05/25 Python
Python通过类的组合模拟街道红绿灯
2020/09/16 Python
Django中和时区相关的安全问题详解
2020/10/12 Python
中国网上药店领导者:1药网
2017/02/16 全球购物
军训 自我鉴定
2014/02/03 职场文书
反腐倡廉演讲稿
2014/05/22 职场文书
学校社会实践活动总结
2014/07/03 职场文书
求职简历自荐信怎么写
2015/03/26 职场文书
管理失职检讨书
2015/05/05 职场文书
PHP命令行与定时任务
2021/04/01 PHP
SpringBoot整合JWT的入门指南
2021/06/29 Java/Android
python3 字符串str和bytes相互转换
2022/03/23 Python
Mysql调整优化之四种分区方式以及组合分区
2022/04/13 MySQL