用于CSS代碼壓縮與格式化的javascript函數(shù)代碼_javascript技巧

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 20:46:11

用于CSS代碼壓縮與格式化的javascript函數(shù)代碼_javascript技巧

用于CSS代碼壓縮與格式化的javascript函數(shù)代碼_javascript技巧: 代碼如下: var lCSSCoder={ format : function(s){//格式化代碼 s=s.replace(/\s*([\{\}\:\;\,])\s*/g,$1); s=s.replace(/\,[\s\.\#\d]*{/g,{); s=s.replace(/([^\s])\{([^\s])/g,$1 {\n\t$2

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀用于CSS代碼壓縮與格式化的javascript函數(shù)代碼_javascript技巧: 代碼如下: var lCSSCoder={ format : function(s){//格式化代碼 s=s.replace(/\s*([\{\}\:\;\,])\s*/g,$1); s=s.replace(/\,[\s\.\#\d]*{/g,{); s=s.replace(/([^\s])\{([^\s])/g,$1 {\n\t$2

代碼如下:
var lCSSCoder={
format : function(s){//格式化代碼
s=s.replace(/\s*([\{\}\:\;\,])\s*/g,"$1");
s=s.replace(/\,[\s\.\#\d]*{/g,"{");
s=s.replace(/([^\s])\{([^\s])/g,"$1 {\n\t$2");
s=s.replace(/([^\s])\}([^\n]*)/g,"$1\n}\n$2");
s=s.replace(/([^\s]);([^\s\}])/g,"$1;\n\t$2");
s=s.replace(/;\s*;/g,";");//清除連續(xù)分號
return s;
},
pack :function(s){//壓縮代碼
s=s.replace(/\/\*(.|\n)*?\*\//g,"");//刪除注釋
s=s.replace(/\s*([\{\}\:\;\,])\s*/g,"$1");
s=s.replace(/\,[\s\.\#\d]*\{/g,"{");//容錯處理
s=s.replace(/;\s*;/g,";");//清除連續(xù)分號
return s;
}
};

演示代碼：

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 
<head> 
<title> lCSSCoder: CSS代碼壓縮與格式化</title> 
<meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
<meta name="author" content="http://www.glucoside.cn/"/> 
<meta name="copyright" content="cnlei.y.l@gmail.com" /> 
<meta name="keywords" content="" /> 
<meta name="description" content="" /> 
<style type="text/css"> 
body {text-align:center;} 
textarea {border-width:1px;margin:0 5px;} 
</style> 
<script type="text/javascript"> 
var lCSSCoder={ 
 format : function(s){//格式化代碼 
 s=s.replace(/\s*([\{\}\:\;\,])\s*/g,"$1"); 
 s=s.replace(/;\s*;/g,";");//清除連續(xù)分號 
 s=s.replace(/\,[\s\.\#\d]*{/g,"{"); 
 s=s.replace(/([^\s])\{([^\s])/g,"$1 {\n\t$2"); 
 s=s.replace(/([^\s])\}([^\n]*)/g,"$1\n}\n$2"); 
 s=s.replace(/([^\s]);([^\s\}])/g,"$1;\n\t$2"); 
 return s; 
 }, 
 pack :function(s){//壓縮代碼 
 s=s.replace(/\/\*(.|\n)*?\*\//g,"");//刪除注釋 
 s=s.replace(/\s*([\{\}\:\;\,])\s*/g,"$1"); 
 s=s.replace(/\,[\s\.\#\d]*\{/g,"{");//容錯處理 
 s=s.replace(/;\s*;/g,";");//清除連續(xù)分號 
 s = s.match(/^\s*(\S+(\s+\S+)*)\s*$/);//去掉首尾空白 
 return (s == null)?"": s[1]; 
 } 
}; 
</ script> 
</head> 
<body> 
<table align="center" cellspacing="0" cellpadding="0"> 
<tr> 
<td>原始代碼：
<textarea id="Code_1" rows="25" cols="50">/*PageHead*/ 
#PageHead {float:left;padding:3px 0;border-bottom:1px solid #b0bec7;margin-bottom:6px;} 
#hCity li {float:left;padding:0 10px 0 0;} 
#hCity li.fst {padding:0;} 
#hRight { 
float:right;padding:0 5px 0 20px; 
background:url(img/ico_home.gif) no-repeat 0 50%;} 
.SubPage #hRight { background-image:url(img/ico_favorite.gif);}

/*PageBody*/ 
#PageBody {float:left;padding:4px 0 0 0;} 
.SCol {float:left;width:174px;} 
.MCol {float:right;width:678px;overflow:hidden; }

#Logo {height:66px;margin:0;padding:0;} 
/*MailLogin*/ 
#MailLogin {height:32px;} 
#MailLogin li {float:left;} 
#MailLogin li.txt {line-height:20px;} 
#MailLogin li.inp {padding:0 2px;} 
#MailLogin li.inp input { 
margin:0;padding:0 4px;border:1px solid #7a9dbb;font:bold 12px/18px tahoma,Geneva,Arial,sans-serif;height:18px; } 
#MailLogin li.inp input.notClicked {color:#ccc;font-weight:normal;} 
#MailLogin li.sel {padding:1px 10px 0 0;} 
#MailLogin li.btn {padding:1px 12px 0 5px;} 
</textarea></td> 
<td>轉(zhuǎn)換后：
<textarea id="Code_2" rows="25" cols="50"></textarea></td> 
</tr> 
</table> 
<p><input type="button" value="格式化代碼" onclick="CSS('format');" /><input type="button" value="壓縮代碼" onclick="CSS('pack');"/></p> 
<script type="text/javascript"> 
 
</ script> 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]
下面是腳本之家的css格式化工具，喜歡的朋友也可以看看里面的代碼
CSS代碼格式化 css在線壓縮工具

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

用于CSS代碼壓縮與格式化的javascript函數(shù)代碼_javascript技巧

推薦度：

點擊下載本文 文檔為doc格式

標(biāo)簽：格式化代碼 format

熱門焦點

国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

用于CSS代碼壓縮與格式化的javascript函數(shù)代碼_javascript技巧

用于CSS代碼壓縮與格式化的javascript函數(shù)代碼_javascript技巧

用于CSS代碼壓縮與格式化的javascript函數(shù)代碼_javascript技巧

最新推薦

猜你喜歡

熱門推薦