靠，受不了啦。。。。
2008年11月24日 | 分类：我的生活 | 1 Comment » | 1,737 views
崩溃了，上个网站，看个新闻都是对百度的评论、抨击，你们太无聊啦，什么都不是，整天叽叽歪歪个啥，一群愚昧。
2008年11月 存档
彻底去掉pre标签的垂直、水平滚动条
2008年11月23日 | 分类：CSS, JavaScript | No Comments » | 1,538 views
很久之前，写过一篇文字，是如何去掉 pre 标签内的垂直滚动条，这两天在使用的时候发现其中存在很大的缺点，就是当代码很长的时候，需要将页面往下拉才能拉动水平滚动条看右边的文字，反复的拉滚动条，挺烦人的。所以，要想办法去掉所有的滚动条，并促使代码在 pre 内换行。
思想其实很简单，就是参照上篇文字的做法，对 pre 标签内的代码进行正则替换，然后定义 pre 里的这些标签的 white-space 属性为 normal 即可实现自动换行，并去掉水平和垂直的滚动条。你也许会说，如果我将 pre 的 white-space 属性为 normal 不可以吗？你可以自己试下，如果这样的话 pre 就和一个正常的标签一样了，那么所有的代码都会挤到一起啦。
下边是代码，欢迎各位指正：
文档格式自动生成html格式
2008年11月22日 | 分类：JavaScript | 1 Comment » | 1,998 views
最近为部门写了一个小的脚本，和大家分享一下。
主要作用：减少录用时的麻烦，直接自动生成 html 格式。
使用方法：将一大段文本文字加入到文本框中，点生成格式即可。
举例：将下边一段文本放到文本框中，点击生成格式试试吧：
getElementsByTagName和getElementById的效率问题
2008年11月11日 | 分类：JavaScript | No Comments » | 1,676 views
虽然表面是 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
2008年11月5日 | 分类：HTML, JavaScript | No Comments » | 1,561 views
其实一直都以为这两个是等价的，而后者显得更方便，但是就在昨天测试 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 标准永远都只是一个参考，而不能一成不变的去用。
