數(shù)組定義
數(shù)組是值的有序集合
javascript數(shù)組是無類型的诡必;數(shù)組元素可以是任意類型,并且同一個(gè)數(shù)組的不同元素也可能有不同的類型两入。
每個(gè)值叫做一個(gè)元素局嘁,而每個(gè)元素在數(shù)組中有一個(gè)位置
數(shù)組方法
push在數(shù)組末尾添加一個(gè)或多個(gè)新元素
unshift在數(shù)組開頭添加一個(gè)或多個(gè)新元素
pop移除最后一個(gè)元素
shift移除第一個(gè)元素
Sort:排序
reverse 倒序
join 講數(shù)組轉(zhuǎn)為字符串
slice()方法返回指定數(shù)組的一個(gè)片段或子數(shù)組,它的兩個(gè)參數(shù)分別指定片段的開始和結(jié)束的位置腕让。
splice插入孤钦、刪除、替換元素
數(shù)組遍歷
使用for循環(huán)是遍歷數(shù)組元素最常見的方法
for/in 循環(huán)
日期對(duì)象創(chuàng)建
Date 對(duì)象用于處理日期和時(shí)間纯丸。
可以通過 new 關(guān)鍵詞來定義 Date 對(duì)象偏形。
var myDate=new Date()
toLocaleString() 方法可根據(jù)本地時(shí)間把 Date 對(duì)象轉(zhuǎn)換為字符串,并返回結(jié)果觉鼻。
toString()? ? 方法可把 Date 對(duì)象轉(zhuǎn)換為字符串俊扭,并返回結(jié)果
valueOf()? ? 方法返回 Date 對(duì)象的原始值。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 返回值為Number類型坠陈,返回當(dāng)前Date對(duì)象所表示的時(shí)間距1970年1月1日午夜的毫秒數(shù)统扳。
getTime()? ? 方法可返回距 1970 年 1 月 1 日之間的毫秒數(shù)喘帚。
setTime()? ? 方法以毫秒設(shè)置 Date 對(duì)象
getFullYear() 方法可返回一個(gè)表示年份的 4 位數(shù)字
setFullYear() 方法用于設(shè)置年份
getMonth()? 方法可返回表示月份的數(shù)字
? ? ? ? ? ? ? ? ? ? ? ? ? 返回值是 0(一月) 到 11(十二月) 之間的一個(gè)整數(shù)。
setMonth()? 方法用于設(shè)置月份
getDate()? 方法可返回月份的某一天
setDate()? 方法用于設(shè)置一個(gè)月的某一天
getDay()? ? 方法可返回表示星期的某一天的數(shù)字
? ? ? ? ? ? ? ? ? ? ? ? 返回值是 0(周日) 到 6(周六) 之間的一個(gè)整數(shù)
getHours()? 方法可返回時(shí)間的小時(shí)字段
? ? ? ? ? ? ? ? ? ? ? ? 返回值是 0 (午夜) 到 23 (晚上 11 點(diǎn))之間的一個(gè)整數(shù)
setHours()? 方法用于設(shè)置指定的時(shí)間的小時(shí)字段咒钟。
? ? ? ? ? ? dateObject.setHours(hour,min,sec,millisec)
hour必需吹由。表示小時(shí)的數(shù)值,介于 0(午夜) ~ 23(晚上11點(diǎn)) 之間朱嘴,以本地時(shí)間計(jì)(下同)倾鲫。
min 可選。表示分鐘的數(shù)值萍嬉,介于 0 ~ 59 之間乌昔。
sec 可選。表示秒的數(shù)值壤追,介于 0 ~ 59 之間磕道。
millisec可選。表示毫秒的數(shù)值行冰,介于 0 ~ 999之間溺蕉。
getMinutes()方法可返回時(shí)間的分鐘字段。
? ? ? ? ? ? ? ? ? ? ? ? ? 返回值: dateObject 的分鐘字段悼做,以本地時(shí)間顯示疯特。返回值是 0 ~ 59 之間的一個(gè)整數(shù)。
setMinutes()方法用于設(shè)置指定時(shí)間的分鐘字段
getSeconds()方法可返回時(shí)間的秒
? ? ? ? ? ? ? ? ? ? ? ? 返回值是 0 ~ 59 之間的一個(gè)整數(shù)肛走。
setSeconds()
getMilliseconds() 方法可返回時(shí)間的毫秒
setMilliseconds() 方法用于設(shè)置指定時(shí)間的毫秒字段漓雅。
DOM文檔對(duì)象模型
? ? DOM節(jié)點(diǎn):
整個(gè)文檔是一個(gè)文檔節(jié)點(diǎn)
每個(gè) HTML 元素是元素節(jié)點(diǎn)
HTML 元素內(nèi)的文本是文本節(jié)點(diǎn)
每個(gè) HTML 屬性是屬性節(jié)點(diǎn)
注釋是注釋節(jié)點(diǎn)
節(jié)點(diǎn)的屬性:
nodeName:
屬性指定節(jié)點(diǎn)的節(jié)點(diǎn)名稱
如果節(jié)點(diǎn)是元素節(jié)點(diǎn),則 nodeName 屬性返回標(biāo)簽名朽色。
如果節(jié)點(diǎn)是屬性節(jié)點(diǎn)邻吞,則 nodeName 屬性返回屬性的名稱。
文本節(jié)點(diǎn)的nodeName:返回#text
文檔節(jié)點(diǎn)的nodeName:返回#document
nodeValue:設(shè)置或返回指定節(jié)點(diǎn)的節(jié)點(diǎn)值
對(duì)于文本節(jié)點(diǎn)葫男,nodeValue=文本值? 對(duì)于屬性節(jié)點(diǎn)吃衅,nodeValue=屬性值
對(duì)于元素節(jié)點(diǎn),返回null
nodeType:返回以數(shù)字值返回指定節(jié)點(diǎn)的節(jié)點(diǎn)類型腾誉。?
如果節(jié)點(diǎn)是元素節(jié)點(diǎn),則 nodeType 屬性將返回 1峻呕。
如果節(jié)點(diǎn)是屬性節(jié)點(diǎn)利职,則 nodeType 屬性將返回 2。
如果節(jié)點(diǎn)是文本節(jié)點(diǎn)瘦癌,則 nodeType 屬性將返回 3猪贪。
如果節(jié)點(diǎn)是注釋節(jié)點(diǎn),則 nodeType 屬性將返回 8讯私。
如果節(jié)點(diǎn)是文檔節(jié)點(diǎn)热押,則 nodeType 屬性將返回 9西傀。
firstChild:? ? ? childNodes (孩子節(jié)點(diǎn)數(shù)組)列表中第一個(gè)節(jié)點(diǎn)。
lastChild:? ? ? childNodes (孩子節(jié)點(diǎn)數(shù)組) 列表中的最后一個(gè)節(jié)點(diǎn)桶癣。
parentNode:? ? ? 返回父節(jié)點(diǎn)
previousSibling: 返回當(dāng)前節(jié)點(diǎn)之前的節(jié)點(diǎn)拥褂。
nextSibling:? ? 返回當(dāng)前節(jié)點(diǎn)的下一個(gè)節(jié)點(diǎn)。
attributes:? ? ? ? ? 返回節(jié)點(diǎn)屬性的對(duì)象集合
childNodes:? ? ? 返回子節(jié)點(diǎn)對(duì)象集合牙寞,是數(shù)組對(duì)象饺鹃,包含文本節(jié)點(diǎn)和元素節(jié)點(diǎn)
children :? ? ? ? ? ? 返回子節(jié)點(diǎn)對(duì)象集合,是數(shù)組對(duì)象间雀,只包含元素節(jié)點(diǎn)
節(jié)點(diǎn)樹中的節(jié)點(diǎn)彼此擁有層級(jí)關(guān)系
在節(jié)點(diǎn)樹中悔详,頂端節(jié)點(diǎn)被稱為根(root)
每個(gè)節(jié)點(diǎn)都有父節(jié)點(diǎn)、除了根(它沒有父節(jié)點(diǎn))
一個(gè)節(jié)點(diǎn)可擁有任意數(shù)量的子節(jié)點(diǎn)
同胞是擁有相同父節(jié)點(diǎn)的節(jié)點(diǎn)
1.查找元素
getElementById() 方法可返回對(duì)擁有指定 ID 的第一個(gè)對(duì)象的引用
getElementsByName() 方法可返回帶有指定名稱的對(duì)象的集合
getElementsByTagName() 方法可返回帶有指定標(biāo)簽名的對(duì)象的集合
getElementsByClassName()返回文檔中所有指定類名的元素集合
2創(chuàng)建標(biāo)簽方法
document.createElement()? //創(chuàng)建一個(gè)元素節(jié)點(diǎn)
document.createTextNode()? //創(chuàng)建一個(gè)文本節(jié)點(diǎn)
parentNode.appendChild(newChild) //newChild 被添加到孩子列表中的末端惹挟。
innerHTML 屬性設(shè)置或返回標(biāo)簽的開始和結(jié)束標(biāo)簽之間的 HTML
getAttribute() 方法返回指定屬性名的屬性值
setAttribute() 方法添加指定的屬性茄螃,并為其賦指定的值。
如果這個(gè)指定的屬性已存在连锯,則僅設(shè)置/更改值
BOM? 瀏覽器對(duì)象模型
計(jì)時(shí)器
1. 一次性計(jì)時(shí)器:僅在指定的延遲時(shí)間之后觸發(fā)一次归苍。
setTimeout()就是人為設(shè)定一個(gè)時(shí)間后會(huì)進(jìn)行一些事件的觸發(fā)
方法接收兩個(gè)參數(shù),第一個(gè)參數(shù)是要進(jìn)行觸發(fā)的事件萎庭,第二個(gè)參數(shù)是指定的時(shí)間間隔霜医。
2.? 間隔性觸發(fā)計(jì)時(shí)器:每隔一定的時(shí)間間隔就觸發(fā)一次。
setInterval()
方法同樣接收兩個(gè)參數(shù)驳规,第一個(gè)參數(shù)是要進(jìn)行觸發(fā)的事件肴敛,第二個(gè)參數(shù)是指定的時(shí)間間隔。
3.? alert()彈出警告框
4.? confirm()彈出對(duì)話框
5.? prompt()彈出輸入框
6.? open() 打開一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口吗购。
7.? close() 關(guān)閉瀏覽器窗口医男。
取消計(jì)時(shí)器:取消由計(jì)時(shí)器設(shè)置的交互時(shí)間。
1.取消一次性計(jì)時(shí)器
clearTimeout
2.取消間隔性觸發(fā)計(jì)時(shí)器
clearInterval
window對(duì)象的屬性及方法
1-1window對(duì)象的屬性
document(文檔) 捻勉,
navigate(Navigator 對(duì)象包含有關(guān)瀏覽器的信息镀梭。),
history(History 對(duì)象包含用戶(在瀏覽器窗口中)訪問過的 URL踱启。)报账,
screen(Screen 對(duì)象包含有關(guān)客戶端顯示屏幕的信息。)埠偿,
location(Location 對(duì)象包含有關(guān)當(dāng)前 URL 的信息透罢。)
back()? 加載歷史列表中的前一個(gè) URL(如果存在)。
forward()? 加載歷史列表中的下一個(gè) URL
事件類型:
onmouseover:當(dāng)鼠標(biāo)移入的時(shí)候觸發(fā)的事件
onmouseout:當(dāng)鼠標(biāo)移出的時(shí)候觸發(fā)的事件
onmousedown:當(dāng)鼠標(biāo)點(diǎn)擊事件源元素時(shí)添加的事件
onmouseup:當(dāng)鼠標(biāo)在事件源上松開時(shí)執(zhí)行的事件
onchange:當(dāng)事件源內(nèi)容發(fā)生改變時(shí)觸發(fā)的事件
onclick:當(dāng)點(diǎn)擊事件源時(shí)發(fā)生的事件冠蒋、
ondblclick:當(dāng)雙擊事件源時(shí)發(fā)生的事件羽圃,
onload:當(dāng)頁面全部加載完畢的時(shí)候執(zhí)行的事件