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

posted @ 2015-08-14 20:24  怎能不累  阅读(93)  评论(0编辑  收藏  举报