工具可以选择横排或者竖排显示。

当然，因为JS代码的规范也较多，更鉴于很多人的代码书写也不尽规范，所以这个小工具整理出来的代码在直接使用上存在困难（因为小错误啊~~），不过整理出来的效果对大家学习人家的代码和修改代码是有很大的帮助的哦~~~！！~！
恩，使用如下咯：

/*这个是一个类*/function xx (num,str){//说明<br /> var a = num;this.aa = a;this.bb = function(){alert(str);}this.cc = function(){for(var i=0;i<10;i++){document.title=i;}}//str=str.replace(/(\\)/gi,'\\\\');<br /> };<br /> var o = {a:function(){},b:345}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);

MAX-WIDTH: 40px; MAX-HEIGHT: 40px;

就搞顶了，在IE7，FF和Chrome中都比较正常，可是。。。IE6。。。
不想用JS，所以试了N久后：

width:expression(this.width > 100 && this.width > this.height ? 100 : true);
height: expression(this.height > 100 ? 100 : true);

基本这样就兼容支持IE6、IE7、FF、和Chrome.

今天看到了一个方法，正好解决这个问题！
[原作者的BLOG：http://blogs.msdn.com/shivap/archive/2007/05/01/combine-css-with-js-and-make-it-into-a-single-download.aspx ]
这其实是利用了浏览器特性的一种HACK手法！
作者说在IE和FF下能正常使用。我测试了下，显示正常。

关键点：CSS和JS解析器在处理注释的区别
1.CSS解析器在碰到“<!–”的时候会直接抛弃
2.JS解析器在碰到“<!–”的时候，会把他当作”//”处理。也就是说把他当做行注释处理！

看看下面这个代码片段：
<!– /*
 function test(){alert(“虽然使用性有待商榷。\n但想法值得称赞！”);}
<!– */
<!– body { background-color: #f00; }CSS解析时，它等价于下面这段代码
 /*
 function test(){alert(“虽然使用性有待商榷。\n但想法值得称赞！”);}
 */
 body { background-color: #f00; }而JS解析时，他却等价于如下代码

 ///*                                              —-行注释
 function test(){alert(“虽然使用性有待商榷。\n但想法值得称赞！”);}
 //*/                                              —-行注释
 //body { background-color: #f00; }                —-行注释问题是不是解决了呢？
将这段代码，保存成1.jcs。[或其他任意文件名，引用的时候做对应修改就行了]
然后，将下面代码保存成任意文件。和他放在同一目录下即可！

1
2
3

<link type="text/css" rel="stylesheet" href="1.jcs" />
<script type="text/javascript" language="javascript" src="1.jcs"></script>
<input type="button" value="点我一下，看包含的函数是否可以执行"  onclick="test()" />

link 和 script标签虽然两次链接该文件。但是由于缓存的缘故，只会发一次请求！
当然，代价是增加了约等于“4*css行数”的冗于代码。正常情况下，这个冗于在1K以内！