数组定义
数组是值的有序集合
javascript数组是无类型的;数组元素可以是任意类型,并且同一个数组的不同元素也可能有不同的类型。
每个值叫做一个元素,而每个元素在数组中有一个位置
数组方法
push在数组末尾添加一个或多个新元素
unshift在数组开头添加一个或多个新元素
pop移除最后一个元素
shift移除第一个元素
Sort:排序
reverse 倒序
join 讲数组转为字符串
slice()方法返回指定数组的一个片段或子数组,它的两个参数分别指定片段的开始和结束的位置。
splice插入、删除、替换元素
数组遍历
使用for循环是遍历数组元素最常见的方法
for/in 循环
日期对象创建
Date 对象用于处理日期和时间。
可以通过 new 关键词来定义 Date 对象。
var myDate=new Date()
toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串,并返回结果。
toString() 方法可把 Date 对象转换为字符串,并返回结果
valueOf() 方法返回 Date 对象的原始值。
返回值为Number类型,返回当前Date对象所表示的时间距1970年1月1日午夜的毫秒数。
getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。
setTime() 方法以毫秒设置 Date 对象
getFullYear() 方法可返回一个表示年份的 4 位数字
setFullYear() 方法用于设置年份
getMonth() 方法可返回表示月份的数字
返回值是 0(一月) 到 11(十二月) 之间的一个整数。
setMonth() 方法用于设置月份
getDate() 方法可返回月份的某一天
setDate() 方法用于设置一个月的某一天
getDay() 方法可返回表示星期的某一天的数字
返回值是 0(周日) 到 6(周六) 之间的一个整数
getHours() 方法可返回时间的小时字段
返回值是 0 (午夜) 到 23 (晚上 11 点)之间的一个整数
setHours() 方法用于设置指定的时间的小时字段。
dateObject.setHours(hour,min,sec,millisec)
hour必需。表示小时的数值,介于 0(午夜) ~ 23(晚上11点) 之间,以本地时间计(下同)。
min 可选。表示分钟的数值,介于 0 ~ 59 之间。
sec 可选。表示秒的数值,介于 0 ~ 59 之间。
millisec可选。表示毫秒的数值,介于 0 ~ 999之间。
getMinutes()方法可返回时间的分钟字段。
返回值: dateObject 的分钟字段,以本地时间显示。返回值是 0 ~ 59 之间的一个整数。
setMinutes()方法用于设置指定时间的分钟字段
getSeconds()方法可返回时间的秒
返回值是 0 ~ 59 之间的一个整数。
setSeconds()
getMilliseconds() 方法可返回时间的毫秒
setMilliseconds() 方法用于设置指定时间的毫秒字段。
DOM文档对象模型
DOM节点:
整个文档是一个文档节点
每个 HTML 元素是元素节点
HTML 元素内的文本是文本节点
每个 HTML 属性是属性节点
注释是注释节点
节点的属性:
nodeName:
属性指定节点的节点名称
如果节点是元素节点,则 nodeName 属性返回标签名。
如果节点是属性节点,则 nodeName 属性返回属性的名称。
文本节点的nodeName:返回#text
文档节点的nodeName:返回#document
nodeValue:设置或返回指定节点的节点值
对于文本节点,nodeValue=文本值 对于属性节点,nodeValue=属性值
对于元素节点,返回null
nodeType:返回以数字值返回指定节点的节点类型。
如果节点是元素节点,则 nodeType 属性将返回 1。
如果节点是属性节点,则 nodeType 属性将返回 2。
如果节点是文本节点,则 nodeType 属性将返回 3。
如果节点是注释节点,则 nodeType 属性将返回 8。
如果节点是文档节点,则 nodeType 属性将返回 9。
firstChild: childNodes (孩子节点数组)列表中第一个节点。
lastChild: childNodes (孩子节点数组) 列表中的最后一个节点。
parentNode: 返回父节点
previousSibling: 返回当前节点之前的节点。
nextSibling: 返回当前节点的下一个节点。
attributes: 返回节点属性的对象集合
childNodes: 返回子节点对象集合,是数组对象,包含文本节点和元素节点
children : 返回子节点对象集合,是数组对象,只包含元素节点
节点树中的节点彼此拥有层级关系
在节点树中,顶端节点被称为根(root)
每个节点都有父节点、除了根(它没有父节点)
一个节点可拥有任意数量的子节点
同胞是拥有相同父节点的节点
1.查找元素
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用
getElementsByName() 方法可返回带有指定名称的对象的集合
getElementsByTagName() 方法可返回带有指定标签名的对象的集合
getElementsByClassName()返回文档中所有指定类名的元素集合
2创建标签方法
document.createElement() //创建一个元素节点
document.createTextNode() //创建一个文本节点
parentNode.appendChild(newChild) //newChild 被添加到孩子列表中的末端。
innerHTML 属性设置或返回标签的开始和结束标签之间的 HTML
getAttribute() 方法返回指定属性名的属性值
setAttribute() 方法添加指定的属性,并为其赋指定的值。
如果这个指定的属性已存在,则仅设置/更改值
BOM 浏览器对象模型
计时器
1. 一次性计时器:仅在指定的延迟时间之后触发一次。
setTimeout()就是人为设定一个时间后会进行一些事件的触发
方法接收两个参数,第一个参数是要进行触发的事件,第二个参数是指定的时间间隔。
2. 间隔性触发计时器:每隔一定的时间间隔就触发一次。
setInterval()
方法同样接收两个参数,第一个参数是要进行触发的事件,第二个参数是指定的时间间隔。
3. alert()弹出警告框
4. confirm()弹出对话框
5. prompt()弹出输入框
6. open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
7. close() 关闭浏览器窗口。
取消计时器:取消由计时器设置的交互时间。
1.取消一次性计时器
clearTimeout
2.取消间隔性触发计时器
clearInterval
window对象的属性及方法
1-1window对象的属性
document(文档) ,
navigate(Navigator 对象包含有关浏览器的信息。),
history(History 对象包含用户(在浏览器窗口中)访问过的 URL。),
screen(Screen 对象包含有关客户端显示屏幕的信息。),
location(Location 对象包含有关当前 URL 的信息。)
back() 加载历史列表中的前一个 URL(如果存在)。
forward() 加载历史列表中的下一个 URL
事件类型:
onmouseover:当鼠标移入的时候触发的事件
onmouseout:当鼠标移出的时候触发的事件
onmousedown:当鼠标点击事件源元素时添加的事件
onmouseup:当鼠标在事件源上松开时执行的事件
onchange:当事件源内容发生改变时触发的事件
onclick:当点击事件源时发生的事件、
ondblclick:当双击事件源时发生的事件,
onload:当页面全部加载完毕的时候执行的事件