复制代码 代码如下: 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 {nt$2"); s=s.replace(/([^s])}([^n]*)/g,"$1n}n$2"); s=s.replace(/([^s]);([^s}])/g,"$1;nt$2"); s=s.replace(/;s*;/g,";");//清除连续分号 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,";");//清除连续分号 return s; } }; 演示代码:
lCSSCoder: CSS代码压缩与格式化
body {text-align:center;}
textarea {border-width:1px;margin:0 5px;}
原始代码:
/*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;}
转换后:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]下面是脚本之家的css格式化工具,喜欢的朋友也可以看看里面的代码CSS代码格式化 css在线压缩工具
推荐阅读
动态调整textarea中字体的大小代码
选择阅读字体
欢迎光临脚本之家
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读
本文标题:用于CSS代码压缩与格式化的javascript函数代码
地址:http://www.17bianji.com/kaifa2/JS/27530.html
1/2 1