1.Javascript 函数:由事件驱动的或者当它被调用时执行的可重复使用的代码块。
(1).通常代码开头有function函数，而函数就是包裹在花括号中的代码块。
(2).使用方法：当调用该函数时，会执行函数内的代码。
也可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。
注意：JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函 数名称相同的大小写来调用函数。
2、带参数的函数 可以发送任意多的参数，由逗号 (,) 分隔，
但是变量和参数必须以一致的顺序出现，而第一个变量就是第一个被传递的参数的给定的值。
3、带返回值的函数 可以通过使用 return 语句实现将函数返回值返回调用它的地方； 在使用 return 语句时，函数会停止执行，并返回指定的值；
注意：整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代 码，从调用函数的地方。
4、函数表达式 JavaScript 函数可以通过一个表达式定义。 函数表达式可以存储在变量中 在函数表达式存储在变量后，变量也可作为一个函数使用。
5.匿名函数存储在变量中，不需要函数名称，通常通过变量名来调用。
自调用函数（立即执行函数） 函数表达式可以 "自调用"。 自调用表达式会自动调用。 如果表达式后面紧跟 () ，则会自动调用。 通过添加括号，来说明它是一个函数表达式。
6、函数是一个对象 在 JavaScript 中可以通过使用 typeof 操作符判断函数类型将返回 "function"。
7.DOM是一个文档对象模型：
（1）HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是节点:
文档是一个文档节点
所有的 HTML 元素都是元素节点。
所有 HTML 属性都是属性节点。
文本插入到 HTML 元素是文本节点。
注释是注释节点。
（2）Document 对象 当浏览器载入 HTML 文档, 它就会成为 Document 对象。
Document 对象是 HTML 文档的根节点。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
注：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其 进行访问。
8.HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是节点:
文档是一个文档节点
所有的 HTML 元素都是元素节点。
所有 HTML 属性都是属性节点。
文本插入到 HTML 元素是文本节点。
注释是注释节点。
9.transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋 转、缩放、移动或倾斜。
(1)）原点 transform-origin :默认的元素的中心点居于元素 x 轴和 y 轴的 50%处；
transform-origin 的作 用在于可以改变原点位置，是元素原点不在中心位置。
(2)位移 translate :元素向指定的方向移动:
translate(x,y)水平方向和垂直方向同时移动；
translateX(x)仅水平方向移动；
translateY(y)仅垂直方向移动；
(3) 旋转函数 rotate()通过指定的角度参数使元素相对原点进行旋转： n 为参数，用于设置旋转的角度，如果为正，元素相对原点中心顺时针旋 转；如果为负，逆时针旋转。
（4扭曲 skew() 元素倾斜显示，将对象以其中心位置围绕着 X 轴和 Y 轴按照一定的角度倾 斜：
skew(x,y)元素同时在水平方向和垂直方向扭曲；
skewX(x)元素仅在水平方向扭曲；
skewY(y)元素仅在垂直方向扭曲；
（5）缩放 scale() 让元素根据中心原点对对象进行缩放。
scale(x,y) 使元素水平方向和垂直方向同时缩放；
scaleX(x) 元素仅水平方向缩放； scaleY(y) 元素仅垂直方向缩放；
注意：scale()的取值默认为 1，当值设置为 0.01 到 0.99 之间的任何值，作用使 一个元素缩小；而任何大于等于 1.01 的值，作用让元素放大。
10.案例：
（1）先进行页面布局，checkbox是复选框，自带有勾选方框效果。
（2).分别给几个按钮命名id，以便查找id，绑定点击事件。
（3）绑定点击事件，运用for循环语句，遍历数组的方法。
