javascript實現(xiàn)的樣式表(CSS) 格式整理與壓縮

2019-11-21 00:30:20

字體：大中小

供稿：網(wǎng)友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>樣式表(CSS) 格式整理與壓縮</title> <style type="text/css"> html,body,form,fieldset,textarea { height:100%; margin:0; padding:0; border:0; font-size:10pt; background:#eee; } form { margin:0 1%; overflow:hidden; } legend { line-height:3em; font-weight:bolder; } button { float:left; margin:1% 1% 0 0; cursor:pointer; } textarea { width:100%; height:20em; border:1px solid #ccc; display:block; background:#fff; } </style> </head> <body> <form action="" onsubmit="return false"><fieldset> <legend>樣式表(CSS) 格式整理與壓縮</legend> <textarea name="" rows="" cols="" id="codeText"> body * { font-size:10pt; }/* ss sda */ p { clear:left; padding:5px 10px; } td , fieldset { padding : 10px ; } textarea { width:90%; height:10em; } </textarea> <button type="button" onclick="$('codeText').value=code.A();">壓縮代碼</button> <button type="button" onclick="$('codeText').value=code.B();">格式(多行)</button> <button type="button" onclick="$('codeText').value=code.C();">格式(單行)</button> <button type="button" onclick="$('codeText').value=code.Z();">還原代碼</button> </fieldset></form> <script type="text/javascript"> function $(id){return document.getElementById(id);} function codeZip(obj){ this.S=function(){ var code=obj.value; if(!this.codeZ||this.codeZ=="")this.codeZ=code; code=code.replace(/(/n|/t|/s)*/ig,'$1'); code=code.replace(//n|/t|/s(/{|/}|/,|/:|/;)/ig,'$1'); code=code.replace(/(/{|/}|/,|/:|/;)/s/ig,'$1'); return code; } this.A=function(){ var code=this.S(); return code; } this.B=function(){ var code=this.S(); code=code.replace(/(/{)/ig,' $1'); code=code.replace(/(/{|/;)/ig,'$1/n/t'); code=code.replace(//t*(/})/ig,'$1/n'); code=code.replace(/(/*//)/ig,'$1/n'); return code; } this.C=function(){ var code=this.S(); code=code.replace(/(/})/ig,'$1/n'); code=code.replace(/(/*//)/ig,'$1/n'); return code; } this.Z=function(){ return (this.codeZ)?this.codeZ:obj.value; } var my=this; obj.onkeydown=function(){ my.codeZ=""; } } var code=new codeZip($('codeText')); </script> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：js 實現(xiàn)復(fù)制到粘貼板的功能代碼

下一篇：jquery toggle faq 春江花月夜版