JavaScript

一、基本语法

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表格光棒效果