靠，受不了啦。。。。 at 2008.11.24 12:12
崩溃了，上个网站，看个新闻都是对百度的评论、抨击，你们太无聊啦，什么都不是，整天叽叽歪歪个啥，一群愚昧。
2008年11月 存档
彻底去掉pre标签的垂直、水平滚动条 at 2008.11.23 17:05
很久之前，写过一篇文字，是如何去掉 pre 标签内的垂直滚动条，这两天在使用的时候发现其中存在很大的缺点，就是当代码很长的时候，需要将页面往下拉才能拉动水平滚动条看右边的文字，反复的拉滚动条，挺烦人的。所以，要想办法去掉所有的滚动条，并促使代码在 pre 内换行。
思想其实很简单，就是参照上篇文字的做法，对 pre 标签内的代码进行正则替换，然后定义 pre 里的这些标签的 white-space 属性为 normal 即可实现自动换行，并去掉水平和垂直的滚动条。你也许会说，如果我将 pre 的 white-space 属性为 normal 不可以吗？你可以自己试下，如果这样的话 pre 就和一个正常的标签一样了，那么所有的代码都会挤到一起啦。
下边是代码，欢迎各位指正：
文档格式自动生成html格式 at 2008.11.22 11:11
最近为部门写了一个小的脚本，和大家分享一下。
主要作用：减少录用时的麻烦，直接自动生成 html 格式。
使用方法：将一大段文本文字加入到文本框中，点生成格式即可。
举例：将下边一段文本放到文本框中，点击生成格式试试吧：
getElementsByTagName和getElementById的效率问题 at 2008.11.11 8:08
虽然表面是 getElementById 消耗的时间应该比较短，但是自己始终不太相信，因为很多时候我不愿意给每个元素都添加 id，太费劲了，而更愿意使用 getElementsByTagName 来迭代。昨天花了一点时间，做了测试，首先对比一下遍历 20 个节点的速度：
getElementById：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>getElementById</title>
<script type="text/javascript">
function getS() {
var t1 = new Date();
if(document.getElementById("heheli")) var t2 = new Date();
alert(t2.getTime() - t1.getTime());
}
</script>
</head>
<body>
<ul>
<li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li>5555555555555</li> <li id="heheli">5555555555555</li>
</ul>
<a href="#" onclick="getS();return false;">检测速度</a>
</body>
</html>
getElementsByTagName：
elementNode.getAttribute(name)和elementNode.name at 2008.11.5 14:02
其实一直都以为这两个是等价的，而后者显得更方便，但是就在昨天测试 CSSer 的一个脚本时发现，在某些时候它们是不一样的。
首先我们来看一个例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <div id="hh" onclick="alert(this.id);">点击我，输出我的属性</div> </body> </html>
你可以在各浏览器下点击右下角的运行按钮运行，然后点击输出，可以看到在各个浏览器下，都会正确的输出 id 的属性值，然而，当我们自定义一个属性的时候，它还会正常工作吗？
或许你觉得使用标准标签以外的自定义标签就是违反了 web 标准，但是标准标签不能满足我们的需求，我们自定义的标签却能更准确的表达我们的意思，web 标准永远都只是一个参考，而不能一成不变的去用。