BOM和DOM

數(shù)組定義


數(shù)組是值的有序集合

javascript數(shù)組是無(wú)類(lèi)型的;數(shù)組元素可以是任意類(lèi)型,并且同一個(gè)數(shù)組的不同元素也可能有不同的類(lèi)型。

每個(gè)值叫做一個(gè)元素,而每個(gè)元素在數(shù)組中有一個(gè)位置

數(shù)組方法

push在數(shù)組末尾添加一個(gè)或多個(gè)新元素

unshift在數(shù)組開(kāi)頭添加一個(gè)或多個(gè)新元素

pop移除最后一個(gè)元素

shift移除第一個(gè)元素

Sort:排序

reverse 倒序

join 講數(shù)組轉(zhuǎn)為字符串

slice()方法返回指定數(shù)組的一個(gè)片段或子數(shù)組,它的兩個(gè)參數(shù)分別指定片段的開(kāi)始和結(jié)束的位置。

splice插入、刪除、替換元素


數(shù)組遍歷

使用for循環(huán)是遍歷數(shù)組元素最常見(jiàn)的方法


for/in 循環(huán)

日期對(duì)象創(chuàng)建

Date 對(duì)象用于處理日期和時(shí)間。

可以通過(guò) new 關(guān)鍵詞來(lái)定義 Date 對(duì)象。

var myDate=new Date()

toLocaleString() 方法可根據(jù)本地時(shí)間把 Date 對(duì)象轉(zhuǎn)換為字符串,并返回結(jié)果。

toString()? ? 方法可把 Date 對(duì)象轉(zhuǎn)換為字符串,并返回結(jié)果

valueOf()? ? 方法返回 Date 對(duì)象的原始值。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 返回值為Number類(lèi)型,返回當(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)類(lèi)型。?

如果節(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)樹(shù)中的節(jié)點(diǎn)彼此擁有層級(jí)關(guān)系


在節(jié)點(diǎn)樹(shù)中,頂端節(jié)點(diǎn)被稱為根(root)

每個(gè)節(jié)點(diǎn)都有父節(jié)點(diǎn)、除了根(它沒(méi)有父節(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()返回文檔中所有指定類(lèi)名的元素集合



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)簽的開(kāi)始和結(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() 打開(kāi)一個(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ì)象包含用戶(在瀏覽器窗口中)訪問(wèn)過(guò)的 URL。),

screen(Screen 對(duì)象包含有關(guān)客戶端顯示屏幕的信息。),

location(Location 對(duì)象包含有關(guān)當(dāng)前 URL 的信息。)



back()? 加載歷史列表中的前一個(gè) URL(如果存在)。

forward()? 加載歷史列表中的下一個(gè) URL

事件類(lèi)型:

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)在事件源上松開(kāi)時(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)頁(yè)面全部加載完畢的時(shí)候執(zhí)行的事件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 什么是 BOM ? 1.瀏覽器對(duì)象模型 Browser Object Model 2.BOM的核心對(duì)象是windo...
    WeekOne閱讀 479評(píng)論 0 2
  • 國(guó)家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說(shuō)閱讀 12,425評(píng)論 6 13
  • 第1章 認(rèn)識(shí)JS JavaScript能做什么?1.增強(qiáng)頁(yè)面動(dòng)態(tài)效果(如:下拉菜單、圖片輪播、信息滾動(dòng)等)2.實(shí)現(xiàn)...
    mo默22閱讀 1,512評(píng)論 0 5
  • 今天是九月二十號(hào) 阿西迷迷糊糊醒過(guò)來(lái) 又迷迷糊糊的睡下 他看了眼手機(jī) 五點(diǎn) 每天這個(gè)時(shí)候就睡不著 他想想昨天做了什...
    阿k0527閱讀 395評(píng)論 0 0
  • 《三字經(jīng)》是中國(guó)古代經(jīng)典的兒童啟蒙教材,成書(shū)于南宋。 對(duì)兒童的啟蒙教育,應(yīng)該是從哪一個(gè)方面開(kāi)始入手呢?《三字經(jīng)》選...
    人生葵花寶典閱讀 1,843評(píng)論 2 14

友情鏈接更多精彩內(nèi)容