文档介绍：web前端工作报告
之前整理发表了《XMLHTTPRequest的属性和方法简介》, 它Ajax要使用的核心的技术之一，现在就来实际运用它。这个Ajax标签导航，是我很久前就写的一个脚本，很实用的，现在拿它来做实例讲解吧！当然个人能力有限，有什么不对的地方还请多包含！
效果大家看到了，核心功能有：
1、将当前选中标签以特殊的样式显示
2、将异步加载的页面信息显示到指定的DOM节点中
我们来看看处理脚本的代码吧:
程序代码：ajaxtab. js
//判断是否支持ActiveX
var useActiveX-:
//判断是否支持DOM
var useDom-document. implementation && document, implementation. createDocument:
//判断是否支持XMLHttpRequest对象
var useXmlHttp-:
// XMLHttpRequest 对象版本
var ARR_XMLHTTP_VERS = :“MSXML2. XmlHttp. 6. 0”，” MSXML2. XmlHttp. 3. 0” ];
// DOM对象版本
var ARR_DOM_VERS =
["MSXML2. DOMDocument. 6. 0”，” MSXML2. DOMDocument. 3.
0” ］；
/*
*函数名称：$
*参数说明：i -目标节点名称
*函数功能：获取指定的目标D0M节点
*返回值：返回要搜索的目标D0M节点
*使用方法：$
function ${
ifreturn false:
if{
if) {
// W3C DOM
return document. getElementByld;
}
else if ) {
// MSIE DOM
return document, all:
}
else if {
// NN DOM. . note: this won' t find nested layers
return [i];
else {
return false:
else{return i:}
//->
id- "news"
news就是我们的导航标签的ID；
id- “newsCnt” - newsCnt就是我们要写入信息的目标DOM节点；
class- “first” - first当前标签的样式；
id- “news-0" - news-0 通过"-“分开，我们就
分别可以得到news, 0
网站重构-超链接
-标签间的分割线
我罗列的这些东西，相信大家开始看出了些头绪了，呵呵，不过别急！在我们看处理的脚本之前，先让我们来看看导航标签的样式，主要是看看我们对分割线的处理。
本来想偷个懒，让大家看我上边说的那篇文章，想想
也就是Ctrl+C&Ctrl+V,都贴出来吧！呵呵!!!
不过还没有完，最后要说的就是inner HTML这个特性, 这里我们还要感谢微软啊，innerHTML就是它的专利，我们就是用它来改变指定DOM内的HTML字符串的，而不用刷新页面。详细的信息大家还是google
一下吧，我也要休息下啊！！喝口
当然我很喜欢跟大家多交流，以后有时间，我们在来谈谈CSS的HACKS技巧，Javascript DOM编程等等的，今天就收工了，谢谢捧场先！！！
Copyright &copy;007-200
href- "domain, com" >domain. com, All rights reserved.
Powered By: domain
看出来什么没有？可能大家已经发现，整个页面里基本上都是用户要看的数据，其中只包含了很少的布局标签。整个页面基本都是由最基础的
hl~h6、p、ul、ol、li、form、 div标签来实现的。
说到这里就要讲到我在前面提到的“结构清晰、SEO优化、页面体积小、XHTML代码中基本上都是用户要看的数据”，看看我的这个例子做到了没有？
结构清晰一也就是我们常说的，XHTML标签要结构化。
什么叫结构化？
由于个人认为这个知识点是十分重要的，所以请允许我在这里多罗嗦几句，我们采用WEB标准的方法制作页面的优势就体现在页面结构清晰。我们以前用table布局的时候, 我们的表现和形式是混在一起的，有很多冗余的数据混杂在一起，而大家再看看我上面给大