“原本工作正常的对联广告突然宣布罢工，为什么？标准化真的那么脆弱吗？"
老实说我不是很喜欢对联广告，呵呵。可是总有人提出这样的要求，所以这个还是有些意义的，闲话少说，进入正题。
不符合标准的正常工作的对联广告：
提示：您可以先修改部分代码再运行
这个是可以正常运行的，只要你不使用文档类型声明。
但是，标准设计的网页需要进行文档类型声明以告知浏览器按照怎样的规则去解析网页。当我们使用过渡型标准声明的时候，我们发现这个原本工作正常的对联代码不再起作用。
这是符合标准的代码，和上面的区别是它加了文档类型声明：
复制内容到剪贴板
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">符合标准的不能正常工作的对联广告
提示：您可以先修改部分代码再运行
那么，为什么小小的标准声明让对联广告无法工作呢？
问题的根源：
google了几篇文章之后，找到了真凶！哦，抱歉，没有这么夸张了。
让我们回到第一段代码：
注意这一句：diffY=document.body.scrollTop;
当我们采用标准声明之后，你会发现无论你怎样拖动滚动条，diffY的值始终为零。见鬼了吗？不，事实上从html4/loose.dtd开始，只要你采用了相应的文档类型声明，diffY的值就会恒为零（有一种特殊情况，下面谈）。
为什么会这样？
因为采用标准的文档类型声明后，document.body.scrollTop已经无效，而应该用document.documentElement.scrollTop代替。
不仅仅是scrollTop有这种改变，更多请参加
表（一）。
在表（一）中有这样一行：“Note: scrollLeft and scrollTop also work on DIV's with overflow: auto in Explorer 5+ on Windows and Mozilla 1.1”，这就是我所说的特殊情况。
怎么解决？
将第一段代码做一些修改：
复制内容到剪贴板
代码:
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}符合标准的正常工作的对联广告：
提示：您可以先修改部分代码再运行
以上代码在ie6.0,firefox1.5.0.3,opera7.23下测试通过。
ok,大功告成，干杯！
多说一句，DOCTYPE经常被人忽略，今天看来，实在不应该。
大家可以上我的个人blog和我讨论:
残缺 完美 生活——网页设计的试验田
参考网址：
http://forums.digitalpoint.com/showthread.php?t=11965
http://www.quirksmode.org/js/doctypes.html
