javascript 压缩/格式化工具代码

最新推荐文章于 2024-03-15 09:48:19 发布
最新推荐文章于 2024-03-15 09:48:19 发布
阅读量117 收藏
点赞数
分类专栏： javascript 文章标签： JavaScript .net ViewUI 

<HTML><HEAD><TITLE>Format</TITLE>
<META content="MSHTML 6.00.2800.1528" name=GENERATOR>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<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  
**    邮件：ttyp@21cn.com  
**    日期：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>
柠檬居IT技术网 整理发布 <br>

http://www.nmju.net<br>
http://www.nmju.cn<br>
柠檬阁技术网  <br>
http://www.nmge.net<br>
http://www.nmge.cn<br>
</BODY></HTML>



iteye_8306
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js-format:数据格式化
05-19
js格式 数据格式化 用法 format string(format) *(value) [object(options)|string(type)|function(audit)] options audit {Function} called in three phases (see below) type {String} will cast the passed object, useful if auto detect may fail format ( "MM.YYYY" , new Date ( ) ) ; format ( "(0.0a)" , "-4.0e12" , format . NUMBER ) ; format ( "({{status}}!)" , { status : "Success" } ) ; var currency_for
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
12-12
本工具所有的功能实现都是由 http://jscompress.sinaapp.com/api 处理.（包括现在可以使用的这个在线压缩） 所有的数据交换均由 HTTP POST 输入处理后由 json 作为数据输出格式.  API参数 : ...
javascript时间格式format函数，js日期格式化函数
txun123的博客
03-27 7513
今天主要写的函数式日期格式化函数，我们有时候调用的new Date()不是格式化的时间，可能显示不是很正常，今天这里分享一个js写的foramt（）函数，希望能对大家有所帮助！ javascript Date format(js日期格式化) 方法一 Date.prototype.pattern=function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : t
jsFormat安装与使用
weixin_34268843的博客
08-20 3560
1.打开sublime Text3,按Ctrl+Shift+P,如下图： 选中第一个选项：Package Control:Install Package 2.按了回车键或者鼠标点击之后，左下角会出现： 等一两分钟弹出框： 3.输入jsformat，单击如下，等待安装就好了 4.查看按键绑定信息： 5.能看到热键如下，也可自己修改： 转载于:https://...
JsFormat: 快速、便捷的 JavaScript 代码格式化工具
最新发布
gitblog_00006的博客
03-15 543
JsFormat: 快速、便捷的 JavaScript 代码格式化工具 JsFormat 是一款高效、轻量级的 JavaScript 代码格式化工具。它允许开发者快速地将代码整理得更加规范、易于阅读。 应用场景与功能介绍 自动格式化代码：只需一键操作，即可将你的 JavaScript 代码按照预设规则进行美化。 自定义配置：你可以根据自己的喜好调整代码格式化的具体规则，包括缩进风格、空格数量等...
javascript Date format(js日期格式化)
鬼屋里的故事~.~
04-07 606
         Date.prototype.pattern=function(fmt) {            var o = {            "M+" : this.getMonth()+1, //月份            "d+" : this.getDate(), //日            "h+" : this.getHours()%12 == 0 ? 12 : th
Javascript解压缩格式化工具
10-24
这是一个用js编写的网页程序，通过该页面可以格式化JavaScript脚本和html代码，并且可以解压缩由JsPacker压缩过的脚本代码。 注意：虽然程序经过无数次的测试，但是建议您保存好源文档后再操作，方便维护的同时也...
javascript-HTML代码格式化工具
03-23
在网上下载的很多javascript代码或者html代码，大多都是经过压缩过的，很难看懂，但是别怕，因为现在有了“javascript-HTML代码专业格式化工具”--------------------------------赶快了下载吧！
实用工具 格式化Html格式，格式代javasctip格式，javascript代码压缩
03-13
网页程序员很实用的javascrip工具 格式化Html格式，格式代javasctip格式，javascript代码压缩
codeMirror代码格式化（官方demo）
06-14
codeMirror代码格式化工具,支持sql、C、Java等目前主流的编程语言
Sublime Text 2 的javascript代码格式化插件JsFormat
05-16
sublime text2 菜单栏下面->preferences->browse packages打开插件目录 解压到里面重启sublime text2 选中代码右击就能看到这个功能了 非常好用
JsFormat-1.3.0.zip
07-29
JsFormat-1.3.0.zip
js写的string.format函数
08-25
js 写的string format函数，功能模仿C#中的string.Format方法，已实现（整数 :D、小数:F、货币数字:C、科学计数:E 等4种）数字格式化。参数可以传递数组，也可以传多个参数。
如何格式化被压缩的JS代码以方便阅读
学亮编程手记
07-26 796
https://blog.csdn.net/weixin_34417200/article/details/86209453
js代码格式化java api_Javascript 代码格式化(JsFormat)
weixin_30693337的博客
02-24 3468
JsFormat 在GitHub 上的地址: https://github.com/jdc0589/JsFormat 这是一个sublime text 2 的插件. 安装: 先安装 sublime package control, GitHub 地址是 https://github.com/wbond/sublime_package_control 下载 Package Control.subli...
js中format时间格式转化总结
qq_38615014的博客
01-14 7889
&lt;script type="text/javascript"&gt; //时间格式化函数 Date.prototype.format = function (format) { var o = { "M+": this.getMonth(...
js字符串格式化方法format
热门推荐
pgLi
10-12 2万+
/** * 设置字符串format函数 * 例子: '{0}{1}.format(5,6)' */ setStringFormat() { String.prototype['format'] = function () { const e = arguments; return !!this &amp;&amp; this.replace(/\{(\d+)\}/g, ...
js的format 方法
xinyanan1992的博客
06-02 1万+
//js  format 方法 function format(source, params) {     if (arguments.length == 1)         return function () {             var args = $.makeArray(arguments);             args.unshift(source);    
【工具】js字符串扩展格式化方法format 格式化文本
我是Superman丶的博客
07-27 1555
有序的格式化文本，使用{number}做为占位符 通常使用：format("this is {0} for {1}", "a", "b") =》 this is a for b。* 例子: '你好, {0}, 我是{1}'.format('世界','张三')pattern – 文本格式 arguments – 参数。效果 你好,世界,我是张三。* 设置字符串format函数。
使用ts对html进行压缩和格式化,2个tabs
07-15
要在TypeScript中对HTML进行压缩和格式化，您可以使用`js-beautify`库的TypeScript类型声明，并按照与JavaScript类似的方式进行操作。以下是一个示例代码： 首先，确保您已经安装了`js-beautify`库和其TypeScript...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值