javascript checkbox树
http://www.cnblogs.com/rubylouvre/archive/2009/10/26/1589692.html
研究了几天，终于搞出自己的树来。总结一下，留待以后改进用。
作为UI控件的树与数据结构的树有很大的不同，它分为根节点，枝节点与叶节点。根节点有子树，并不隶属于其他树。枝节点有子树，并作为某一子树的节点而存在。叶节点只作为某一子树的节点而存在，并且没有子树。但仅是这样，无法绘制树的。我们看下面的图，树在网页中无论样子如何，从上到下都是一行行分开的。每一行都有几张图片与文本。这些图片大致分三类，一是虚线图标与加号图标与减号图标，我把它们统称为连线图标；二是装饰用的文件夹图标，或者根节点的那个地球，或者叶子节点的文档，或者类似的电脑、苹果、回收站等等，我称之为装饰图标；最后是checkbox，它分三种状态。图标的种类如此多，仅是根枝叶加关闭展开这两种状态，也只是六种可能，因此我们还得把枝节点细分为普通枝与末枝，叶节点也一样。由于连线图标与装饰图标的作用很相似，装饰图标好像是从视觉上强调点击连线图标会出现的效果，因此我们可以用CSS把它们整合到一起，以节省一个DOM。
我们单独拿根节点分析。表面上，它有三个图标，一个文本，实质上，只有两个图标，第二作为第一个的背景而存在，文本位于span元素中。如果想点击文字跳转，也可以换成A元素。此外，还隐藏最后一个DIV元素。它是用于装载子树与缩进子树的。这四个元素都位于一个DIV中，我把它称之为根节点，并设置index属性，用于与原数据相比较取得父节点的index。
01.var data = [
02. [0,-1,"中国"],//根节点
03. [1,0,"北京市"],//枝节点
04. [2,0,"天津市"],//叶节点
05. [3,1,"市辖区"],//枝节点
06. [4,3,"东城区"],//叶节点
07. [5,3,"西城区"],//叶节点
08. [6,3,"崇文区"],//叶节点
09. [7,3,"朝阳区"],//叶节点
10. [8,3,"丰台区"]//叶节点
11.]
接着我们给图标加入一些识别要素，这对样式表控制还是事件绑定都很有无用，因为仅仅是一个index是非常乏力的。当我们点击连线图标，那个加号或减号，我们怎样让程序知道是点击了它呢？！我们给它一个className，为collapse与unfold。只要有这两个类之一，我们就重设它的className，原来是collapse就改成unfold，反之亦然，然后再更换其src，以达到切换图片的目的。它后面的装饰图标是用样�
相关文档：
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
getAttribute()方法
●一份文档就是一棵节点树。
●节点分为不同的类型：元素节点、属性节点和文本节点等。
●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。
●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一� ......
函数是进行模块化程序设计的基础，编写复杂的Ajax应用程序，必须对函数有更深入的了解。JavaScript中的函数不同于其他的语言，每个函数都是
作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语
法：
function func1(& ......
<!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=utf-8" />
<title>drag类</title ......
http://www.cnblogs.com/yzx99/archive/2008/08/08/1263416.html
单引号,双引号,javascript,HTML,转义字符
在一个网页中的按钮，写onclick事件的处理代码，不小心写成如下：
<input value="Test" type="button" onclick="alert(""OK"");" />
IE提示出错后，再漫不经心地改为：
<input value="Test" type="bu ......
