浏览器：IE 8、FF 3.6、Chrome 4.0、Safari 4.0、Opera 10.1
仅有IE浏览器支持HTMLElement.onresize（比如body.onresize）
其它浏览器只支持window.onresize
先说IE的HTMLElement.onresize
使用前请确定你的心脏及血压正常，如果你定义了
body.onresize = function(){……}或者html.onresize = obj.fun;
你猜猜this指针是谁？不是body，不是html，不是obj，而是window！
这样清况下如果：
function fun(){
……
};
html.onresize = fun;
body.onresize = fun;
document.getElementById("id").onresize = fun;
以上代码完全可用，只是fun执行时，你根本不知道是哪个元素激发的。什么？你说event对像里会不会有激发的元素？肯定的说：没有！
好了，我们放轻松，没办法就没办法吧。大不了我就不管是谁激发的全都处理一遍。不过还是先看下面的代码：
function addresize(element){
element.onresize = function(){
……
};
};
addresize(body);
addresize(html);
addresize(#id);
你猜猜在onresize执行时的this是谁？别想了，还是window！
灵异的事情发生了，在省略号的代码中你可以使用element变量！也就是addresize的参数，这个参数是事件激发元素。
为这个事我晕了好几天，到现在都没想明白这个语法规则，当作一个特殊用法吧。
下面说window.onresize
在IE中这个事件很好用，当窗口容量大小发生变化时就会激发！（注意黑体字）
在其它浏览器中就有问题了，它仅在窗口大小发生变化时激发。
这里就有区别了：
当我想让某个元素充满整个窗口，这样的话在window.onresize时就需要改变它的style.width/height
在IE中没有任何问题，其它游览器在缩小时就出现问题了：
整个事件的流程是这个样子的：
1、window改变大小，这里特指缩小。
2、浏览器发现容纳不下内容，给html添加了滚动条，可视区域更小了。
3、浏览器激发了window.onresize事件代码。你在这里更改了元素的大小。
4、浏览器发现可以容纳下内容了，取消了滚动条。
5、IE在此时再次激发onresize、其它浏览器略过此步
这时除IE外，你的元素会少一个滚动条的大小。
解决方案：
除了IE之外的浏览器请连续设置两次大小。每次都是取body.client/offset大小就行了。
1.首先下载SyntaxHighlighter.
2.解压到SyntaxHighlighter目录中.
3.建立HTML文件:
<pre name="code" class="Ruby">
...Ruby代码...
</pre>
可以应用在pre和textarea两种HTML标签内,name为code,class为要着色的语言,现在支持C, C#, CSS, Delphi, Java, JScript, Php, Pyth ......
