一、基本语法
1.数据类型
类型：整数、小数、字符串、日期时间、布尔、数组
转换：parseint() parsefloat() isNaN()
2.变量
通用类型：var
定义、赋值、取值：var 变量名 变量名=值；变量名
3.运算符
算数：+ - * / % ++ --
关系：== ！= > < >= <=
逻辑：&& || !
其他：= ?: += -=
4.语句
顺序：
分支：if的四种形式
循环： 四要素：初始条件、循环条件、状态改变、循环体 语法：for(var i=0;i<=100;i++){}
应用：穷举、迭代
5.数组
数组的概念和模型：
定义：var a=new Array()
使用：a[下标]
6.函数
函数四要素：名称 输入 返回值 加工
定义与调用：functiion add () add()
二、DOM操作
1.window
alert()---一个按钮的对话框
confirm()---两个按钮的对话框，返回bool
open()---打开新窗口，返回打开的窗口window。三个参数：url target feature
close()---关闭窗口
setTimeout(code delay) setInteravel()
2.history
fonward() back() go()
3.location
reload()---重新加载网页
href---设置页面地址
4.document
找到元素：
getElementByid("id")-----根据id找，最多找到一个
getElementByName("name")------根据name找，找出来的是数组
getElementByTagName("name")------根据标签名找，找出来的是数组
操作元素：
① 操作属性
获得属性:getAttrbute("属性名")
设置属性：setAttrbute("属性名""属性值")
设置属性：setAttrbute("属性名""属性值")
② 操作样式
操作内联样式(style)：document.body.style.backgroundColor ="颜色" 整个窗口的背景色
操作className: a.className="样式表中的classname" 操作一批样式
③ 操作内容
表单元素---value: alert(t.value)------获取input中的value值
非表单元素:innerHTML 获取div中的内容 innerText 只取里面的文字
④ 操作元素
找相关元素：找父元素---parentNode 找子元素---childrenNode
找同辈元素：下一个同辈元素---nextSibling 上一个同辈元素---previousSibling
操作相关元素：复制元素---cloneNode() 添加元素---appendChild() 删除元素---removeChild() 替换元素---replaceChild()
事件：
鼠标单击触发：onclick
双击触发：ondblclick
鼠标移动上面触发：onmouseover
鼠标离开触发：onmouseout
鼠标在上面移时触发：onmousemove
获得焦点时触发：onfocus
失去焦点时触发：onblur
只要内容改变时触发：onchange
按键按下的时候触发：onkeydown
按键抬起来的时候触发：onkeyup
三、应用
(一)验证
1.非空验证：
①取出被验证的值
②填写验证逻辑
③显示结果
2.对比验证
3.范围验证
4.正则表达式验证：
①取出验证的值
②编写验证逻辑
编写正则表达式：定义：var reg=/正则表达式/
编写：匹配开头和结尾：^ $
数字与字符：\d \w
重复左侧表达式：{m.n} {n} {m,}
重复左侧表达式：+ * ？
摘取：[]
逻辑：|
优先级：()
转义：\
进行匹配验证：s.match(reg)
③显示结果
(二)特效
1.按钮倒计时
2.动态换背景或图片
3.动态操作ul
4.outlook面板
5.table表格光棒效果
