函数
字符函数
日期函数
数学函数
转化函数
数组的栈方法
- push()
- unshift()
- pop()
- shift()
标题数组的方法
join() – reverse() – sort()
数组操作方法
concat() – slice()
DOM基础
JavaScript由ECMAScript+DOM+BOM组成的。
DOM: DOCUMENT OBJECT MODEL(文档对象模型)的缩写
掌握基本的DOM查找方法
-
document.getElementById() – 根据id获取唯一的一个元素
-
document.getElementsByTagName() – 返回所有的tag标签引用的集合 – 返回的是数组
-
语法:ele.style.stylName = styleValue
-
功能:设置元素的样式
-
说明:
a. ele表示要设置样式的DOM对象
b. styleName表示要设置的样式名称 – 使用驼峰命名方式 – fontSize
c. styleValue – 要设置的样式的值
如何设置DOM元素属性或添加属性
获取属性
- 语法:ele.getAttribute("attribute ")
- 功能:获取ele元素的属性
- 说明;
a. ele – 要操作的DOM对象
b. attribute – 是要获取的html属性(id type class)
设置属性 - 语法:ele.setAttribute(“attribute”,value)
- 功能:在ele元素上设置属性
- 说明:
a. ele – 要操作的dom对象
b. attribute – 要设置的属性名称
c. value – 要设置的attribute属性值
删除属性 - 语法:ele.removeAttribute(“attribute”)
- 功能:删除ele元素上的attribute属性
- 说明:
a. ele – 要操作的对象
b. attribute – 要删除的属性名称
JavaScript对表单操作分为三种:初始化 赋值 取值
DOM查找方法
- document.getElementsByName() – 返回所有的name属性引用的集合 – 返回的是数组
- document.getElementsByClassName() – 返回包含带有指定类名的所有元素的集合 – 返回的是数组
鼠标事件
3. onload – 页面加载时触发
4. onclick – 鼠标点击时触发
5. onmouseover – 鼠标滑过时触发
6. onmouseout – 鼠标离开时触发
7. onfoucs – 获得焦点时触发
8. onblur – 失去焦点时触发
9. onchange – 域的内容发生改变时触发
1、常见的DOM操作:
(1) getElementById 返回带有指定的ID元素
(2) getElementsByTagName 返回的是包含带有指定标签名的所有元素的节点列表
(3) getElementsByClassName 返回的是包含带有指定类名的所有元素的节点列表
(4) getElementsByName 获取相同名称(name)的元素的所有节点列表