简单JS代码压缩器

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>

(0)

相关推荐

  • 简单JS代码压缩器

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

  • 点击按钮出现60秒倒计时的简单js代码(推荐)

    点击按钮出现60秒倒计时的简单js代码(推荐) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h

  • Sublime Text 3插件Minify的安装与使用(js代码压缩)

    目录 需要用到的软件 进入正题Minify的安装 Minify文档翻译 需要用到的软件 SublimeText3+Node.js 进入正题Minify的安装 打开SublimeText,快捷键ctrl+shift+p调出package control输入install package找到minify回车安装即可,安装结成功后该文档在编辑器中弹出. # 注意(uglify-js默认只支持es5,如果要支持es6需要当前安装) uglify-js@3已支持es6压缩 # 未安装过minify所需组件

  • TBCompressor js代码压缩

    TBCompressor 公司原先的JS和CSS文件都是用在线压缩程序压缩的,看似方便,但很容易出错,可能是压缩程序把CSS里面的一些Hack语句给混淆了,于是我决定用大名鼎鼎的YUI compressor. 但YUI compressor也有一个缺点,那就是操作不人性化,要用输入命令行的方式进行操作,在实际应用中也有点不方便.今天发现了淘宝人开发的一个软件--TBCompressor,这个软件是在YUI compressor的基础上改进的,使用十分简单,详情请看lifesinger的<TBCo

  • 最简单js代码实现select二级联动下拉菜单

    本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.

  • 简单js代码实现selece二级联动(推荐)

    以下是html代码: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD>  <TITLE> New Document </TITLE>  <META NAME="Generator" CONTENT="EditPlus">  <META NAME=&

  • C# Socket编程实现简单的局域网聊天器的示例代码

    前言 最近在学习C# Socket相关的知识,学习之余,动手做了一个简单的局域网聊天器.有萌生做这个的想法,主要是由于之前家里两台电脑之间想要传输文件十分麻烦,需要借助QQ,微信或者其他第三方应用,基本都要登录,而且可能传输的文件还有大小限制,压缩问题.所以本聊天器的首要目标就是解决这两个问题,做到使用方便(双击启动即用),传文件无限制. 废话不多说,先上图.S-Chat是服务端,C-Chat是客户端,两者除了客户端首次启动后需要设置一下连接的IP地址外,无其他区别.操作与界面都完全相同,对于用

  • 简单易用的倒计时js代码

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>简单易用的倒计时js代码</title> <style> *{ margin:0; padding:0; list-style:none;} body{ font-size:18px; text-align:center;} .time{ height:30px; padding:20

  • js判断主流浏览器类型和版本号的简单实现代码

    如今的互联网中,浏览器可以说是太多太多了,但是大部分都是换壳不换心,基本上主流的浏览器还是火狐,谷歌,IE,safrai这几种比较常见,所以在我们的开发中,有时候需要遇到判断用户正在使用什么浏览器以及使用的版本是多少,并根据返回值,给予一定的提示,下面,我就简单的介绍一种判断用户浏览器的使用情况的代码. var distinguishBrowser= function browserInfo() { var browser = { // IE浏览器 msie: false, // 谷歌浏览器 c

  • JS代码的格式化和压缩

    曾经为看别人写的杂乱代码而头痛吗?曾经为看BWindow代码而烦恼吗?曾经为减小JS体积和JS的可读性之间的矛盾而左右徘徊吗?最好的办法是有个代码格式化和代码压缩的程序,今天总算有了,它是纯JS编写的,当然也就是开源的了.由于写的仓促,还有些小BUG,请经常注意更新! Format document.getElementById("display").innerHTML = xx.format(); -------------------------------------------

随机推荐