javascript

數(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í)行的事件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市抖剿,隨后出現(xiàn)的幾起案子朽寞,更是在濱河造成了極大的恐慌识窿,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,997評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件脑融,死亡現(xiàn)場(chǎng)離奇詭異喻频,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)吨掌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門半抱,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人膜宋,你說我怎么就攤上這事窿侈。” “怎么了秋茫?”我有些...
    開封第一講書人閱讀 163,359評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵史简,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我肛著,道長(zhǎng)圆兵,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,309評(píng)論 1 292
  • 正文 為了忘掉前任枢贿,我火速辦了婚禮殉农,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘局荚。我一直安慰自己超凳,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,346評(píng)論 6 390
  • 文/花漫 我一把揭開白布耀态。 她就那樣靜靜地躺著轮傍,像睡著了一般。 火紅的嫁衣襯著肌膚如雪首装。 梳的紋絲不亂的頭發(fā)上创夜,一...
    開封第一講書人閱讀 51,258評(píng)論 1 300
  • 那天,我揣著相機(jī)與錄音仙逻,去河邊找鬼驰吓。 笑死,一個(gè)胖子當(dāng)著我的面吹牛系奉,可吹牛的內(nèi)容都是我干的檬贰。 我是一名探鬼主播,決...
    沈念sama閱讀 40,122評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼喜最,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了庄蹋?” 一聲冷哼從身側(cè)響起瞬内,我...
    開封第一講書人閱讀 38,970評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤迷雪,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后虫蝶,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體章咧,經(jīng)...
    沈念sama閱讀 45,403評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,596評(píng)論 3 334
  • 正文 我和宋清朗相戀三年能真,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了赁严。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,769評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡粉铐,死狀恐怖疼约,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蝙泼,我是刑警寧澤程剥,帶...
    沈念sama閱讀 35,464評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站汤踏,受9級(jí)特大地震影響织鲸,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜溪胶,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,075評(píng)論 3 327
  • 文/蒙蒙 一搂擦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧哗脖,春花似錦瀑踢、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至工扎,卻和暖如春徘钥,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背肢娘。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評(píng)論 1 269
  • 我被黑心中介騙來泰國打工呈础, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人橱健。 一個(gè)月前我還...
    沈念sama閱讀 47,831評(píng)論 2 370
  • 正文 我出身青樓而钞,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國和親拘荡。 傳聞我的和親對(duì)象是個(gè)殘疾皇子臼节,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,678評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 第1章 認(rèn)識(shí)JS JavaScript能做什么?1.增強(qiáng)頁面動(dòng)態(tài)效果(如:下拉菜單、圖片輪播网缝、信息滾動(dòng)等)2.實(shí)現(xiàn)...
    mo默22閱讀 1,280評(píng)論 0 5
  • 一巨税、JS前言 (1)認(rèn)識(shí)JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示)粉臊,會(huì)使用HT...
    凜0_0閱讀 2,770評(píng)論 0 8
  • 傍晚的大雨 帶來了 清爽的風(fēng) 清新的空氣 躁動(dòng)分子突然消失 如它突如其來 就像 和雨一樣 任性
    天籟村閱讀 185評(píng)論 0 0
  • 聽完六哥昨晚的課程…只有種大腦不夠用的感覺… 看到小伙伴們也紛紛都在說干貨太干扼仲,超給力远寸! 然后今早還聽說六哥跑去三...
    陳瀾Serena閱讀 303評(píng)論 0 3
  • 夢(mèng)破碎可以重來, 人變壞了社會(huì)惡屠凶, 人變好了社會(huì)好驰后。 見義者終會(huì)倒霉, 救人者終會(huì)傷痛阅畴。 惡人者欺凌寡幼倡怎, 老少皆...
    暮然回首卟珂一世閱讀 158評(píng)論 0 0