JavaScript物件參考手冊

覆手為雲p發表於2018-08-11

1、array

屬性:

constructor       返回原型函式;
length          陣列個數;
prototype        向物件新增屬性和方法

方法:

concat()          連線兩個或多個陣列,並返回結果;
fill()            使用一個固定值來填充陣列;
copyWithin()      從陣列指定位置拷貝元素到陣列的另一個指定位置;
slice()           選取陣列的一部分,並返回新的陣列;
join()            把陣列的所有元素放入一個字串;
toString()        把陣列轉換為字串,並返回結果;
push()            向陣列結尾新增一個或多個元素,並返回新的長度;
pop()             刪除並返回陣列的最後一個元素;
shift()           刪除並返回陣列的第一個元素;
unshift()         向煺的開頭新增一個或多個元素,並返回新的長度;
splice()          從陣列中新增或刪除元素;
includes()        判斷陣列中是否包含指定的值;
isArray()         判斷物件是否為陣列;
reverse()         將陣列元素順序反轉;
sort()            排序;

entries()        返回陣列的可迭代物件;
keys()           返回陣列的可迭代物件,包含原始陣列的key;
every()           檢測數值元素的每個元素是否符要求,引數可為自己寫的一個函式;
sonme()           檢測陣列元素中是否有元素符條件;
filter()         檢測並返回符合條件的所有元素的陣列;
findIndex()       返回符合傳入條件陣列元素索引;
indexOf()         搜尋查詢指定元素的位置;
valueOf()         返回陣列物件的原始值;
lastIndexOf()     指定字串值在字串中最後一次出現的位置;
map()             通過指定函式處理陣列中的每個元素,並返回結果陣列;
forEach()         陣列每個元素都執行一次回撥函式;
from()            通過給定的物件中建立一個陣列;
reduce()         將陣列元素計算為一個值(從左到右累加);
reduceRight()     將陣列元素計算為一個值(從右到左累加);

 

2、boolean

方法:

toString()  轉換為字串;
valueOf()   數值;

3、string

方法:

    charAt(int)                返回指定索引位置字元;
    charCodeAt(int)            返回指定索引位置字元的Unicode值;
    concat(str1,str2,..)       連線兩個或多個字串,也可使用+號;
    fromCharCode()             將Unicode編碼轉換為字元;
    indexOf()                  返回指定字串值在字串中首次出現的位置;
    lastIndexOf()              指定字串值在字串中最後一次出現的位置;
    match(reg)                 查詢到一個或多個正規表示式的匹配;
    search()                   查詢一個字串或正規表示式,找到則返回第一個字元的位置索引,未找到則返回-1;
    replace(str1,str2)         用str2替換原字串中的str1;
    slice(startInt,endInt)     返回一個字串指定索引之間的字串,包含startInt位置字元,不包含endInt位置字元,endInt可選,如不給定則預設到字串結尾;
    splite()                   把字串按關鍵字分割,分割內容不包含關鍵字;
    substr(startInt,length)    返回從指定位置開始,到指定長度的字串,如果沒給定lengh,則預設到字串結尾;    
    substring(from,to)         同slice();
    toLowerCase()              轉換為小寫;
    toUpperCase()              轉換為大寫;
    trim()                     去除字串兩邊空白;
    valueOf()                  返回某個字串物件變數的值;
    
    anchor()                   建立html錨;
    big()                      大號字型;
    small()                    小號字型;
    blink()                    閃爍字型;
    bold()                     粗體;
    fixed()                    以打字機文字顯示;
    fontcolor()                字型顏色;
    fontsize()                 字型大小;
    italics()                  斜體;
    link()                     連結樣式;
    strike()                   刪除線;
    sub()                      以下標顯示;
    sup()                      以上標顯示;

4、number

屬性:

MAX_VALUE        最大值;
MIN_VALUE        最小值
NEGATIVE_INFINITY   負無窮大,溢位時返回該值。
POSITIVE_INFINITY    正無窮大,溢位時返回該值。
NaN           非數字值;
prototype        向物件新增屬性和方法
constructor      建構函式;

方法:

toExponential()          把物件的值轉換為指數計數法;
toFixed()                把數字轉換為字串,結果的小數點後有指定位數的數字;
toPrecision()            把數字格式化為指定的長度;
toString()               把數字轉換為字串;
valueOf()                返回一個 Number 物件的基本數字值;

5、date

方法:

getFullYear()     返回四位數字年份;
getMonth()        返回數月份數;
getDate()         返回一月中的某一天數;
getDay()          返回一週中的某一天數;
getHours()        返回小時數字;
getMinutes()      返回分鐘數;
getSeconds()      返回秒數;
getMilliseconds() 返回毫秒數;
getTime()         返回1970.1.1至今毫秒數;
以上get都包含相應的set方法;
以上get和set方法都包含一個相應的世界時間(UTC)方法(如getUTCDday(),setUTCHours());

toISOString()     使用ISO杆位返回字串的日期格式;
toJSON()          以JSON格式返回日期字串;
toString()        把Date物件轉換為字串;
toDateString()    把Date物件日期部分轉換為字串;
toTimeString()    把Date物件日間部分轉換為字串;
toLocaleDateString()    根據本地時間格式,把日期部分轉換為字串;
toLocaleTimeString()    根據本地時間格式,把時間部分轉換為字串;
toLocaleString()        根據本地時間格式,把Date物件轉換為字串;

6、math

屬性:

E         自然數;
PI        圓周率;
LN2       2的自然對數;
LN10      10的自然對數;
LOG2E     2為底的e的對數;
LOG10E    10為底的e的對數;
SQRIT1_2  2的平方根的倒數;
SQRIT2    2的平方根;

方法:

abs(x)         絕對值;
sqrt(x)        平方根;
random()       0~1之前的隨機數;
max(x,y...)    最大值;
min(x,y...)    最小值;        
round(x)       四捨五入;
ceil(x)        向上舍入;
floor(x)       向下舍入;
pow(x,y)       x的y次冪;
log(x)         自然數e的對數;
exp(x)         E的x的指數;
sin(x)         正弦值;
cos(x)         餘弦值;
tan(x)         正切值;
asin(x)        反正弦值;
acos(x)        反餘弦值;
atan2(y,x)     x軸到(x,y)的角度;

 

HTML DOM物件

7、document

當瀏覽器載入HTML文件,它就會成為Document物件,呼叫屬性和方法時可直接使用document.body的方法進行呼叫;
Document是Windows物件的一部分,可使用windows.document屬性對其進行訪問

屬性:

activeElement        當前焦點元素;
documentElement      文件根節點;
body                 文件body元素;
baseURI              文件絕對基礎URI;
URL                  返回文件完整的URL;
documentURI          設定或返回文件位置;
cookie               當前文件有關的所有cookie;
documentMode         返回通過瀏覽器渲染文件的模式;
domain               文件域名;
title                返回文件標題;
forms                返回文件中所有的Form物件引用;
embeds               返回文件中所有embed集合;
images               返回文件中所有image物件引用;
implementation       返回處理該文件的DOMIplemtation物件;
anchors              文件中所有Anchor物件的引用;
doctype              文件相關的型別宣告(DTD)    ;
lastModified         文件最後修改日期和時間;
links                返回對文件中所有Area和Link物件引用;
readyState           返回文件狀態
referrer             返回載入當前文件的URL
scripts              返回所有指令碼集合;
strictErrorChecking  設定或返回是否強制進行錯誤檢查;

方法:

createTextNode()        建立一個文字節點;
createAttribute()       建立一個屬性節點;
createComment()         建立一個註釋節點;
createDocumentFragment()建立並返回一個空的DocumentFragment物件
getElementByClassName()返回指定類名元素集合;
getElementById()       返回指定ID的第一個物件引用;
getElementByName()     返回指定name的元素集合;
getElementByTagName()  返回指定標籤的元素集合;
querySelector()        返回文件中匹配指定css選擇器的第一個元素;
querySelectorAll()     返回文件中匹配指定css選擇器的所有元素;
normalize()            刪除空文字節點,並連線相鄰節點;
importNode()           把一個節點從另一個文件複製到該文件以便使用;
renameNode()           重新命名節點;
addEventListener()     新增控制程式碼;
removeEventListener    移除控制程式碼;
adoptNode(node)        從另外一個文件返回adapted節點到當前文件
open()                 開啟一個流,以收集來自任何document.write()方法的輸出;
close()                關閉流;

8、element

屬性:

id                    設定或返回元素id;
title                 設定或返回元素的title屬性;
innerHTML             設定或返回元素的內容;
textContent           設定或返回一個節點和它的文字內容;
attributes            返回一個元素的屬性陣列;
childNodes            返回元素的子節點陣列;
firstChild            返回元素第一個子節點;
lastChild             返回最後一個子節點;
nextSibling           返回該元素緊跟的一個節點;
previousSibling       返回該元素緊跟的前一個元素
ownerDocument         返回元素的根元素;
parentNode            返回元素的父元素;
classList             返回元素的類名
className             設定或返回元素的class屬性;
sytle                 設定或返回元素的樣式屬性;
tagName               返回元素的標記名(大寫);
contentEditable       設定或返回元素內容是否可編輯;
nodeName              返回元素標記名(大寫);
nodeType              返回節點型別;
nodeValue             返回節點值
tableIndex            設定或返回元素標籤順序;
dir                   設定或返回元素的文字方向;
namespaceURI          返回名稱空間的URI;
accessKey             設定或返回accesskey一個元素;
lang                  設定或返回一個元素的語言;

clientHeight          頁面上返回內容的可視高度(不包括邊框、邊距、滾動條)
clientWidth           頁面上返回內容的可視寬度(不包括邊框、邊距、滾動條)
offsetHeight          返回元素的邊框和填充高度(不是邊距);
offsetWidth           返回元素的邊框的填充寬度(不是邊距);
offsetLeft            返回元素的相對水平位置的偏移容器;
offsetTop             返回元素的相對垂直偏移位置的偏移視窗;
offsetParent          返回元素的偏移容器;
scrollHeight          返回整個元素的高度;
scrollWidth           返回整個元素的寬度;
scrollTop             返回當前檢視的實際元素頂部邊緣和頂部邊緣之間的距離;
scrollLeft            返回檢視中的實際元素的左邊緣和左邊緣之間的距離;

方法:

addEventListener()       向指定元素新增事件控制程式碼;
removeEventListener()    刪除元素的事件控制程式碼;
appendChild()            為元素新增一個子元素;
removeChild()            刪除一個子元素;
replaceChild()           替換一個子元素;
insertBefore()           在現有子元素之前插入新的子元素;
focus()                  設定文件或元素獲取焦點;
getAttribute()           返回元素的屬性值;
setAttribute()           設定或改變指定屬性;
getAttributeNode()       返回指定屬性節點;
setAttributeNode()       設定或改變屬性節點;
getElementByClassName()  返回指定類名的元素集合;
getElementByTagName()    返回指定標籤標籤名的所有子元素集合;
hasAttribute()           返回元素中是否存在指定屬性;
hasAttributes()          返回元素是否存在指定的某一個屬性;
hasChildNodes()          返回元素是否存在指定子元素;
hasFocus()               返回元素是否獲取焦點;
querySelector()          返回匹配指定CSS選擇器元素的第一個子元素;
querySelectorAll()       返回匹配指定CSS選擇器元素的所有子元素;

iscontentEditable()      返回元素是否可編輯;
isDefaultNamespace()     返回是否指定了namespaceURI;
isEqualNode()            返回兩上元素是否相等;
isSameNade()             返回兩個元素是否所有節點相同;
isSupported()            返回在元素是否指定特徵;
normalize()              使得此成為一個"normal"形式;
cloneNode()              克隆某個元素;
compareDocumentPosition()比較兩個元素的文件位置;
toString()               將一個元素轉換成字串;
item()                   返回元素基於文件樹的索引;

9、attr

屬性:

isId             返回是否是Id;
name             屬性名稱;
value            屬性值;
specified        返回屬性是否被指定;

10、namedNodeMape

方法:

nodemap.length               節點數目;
nodemap.getNamedItem()       從節點列表返回指定屬性節點;
nodemap.item()               返回節點列表中處於指定索引號的節點;
nodemap.setNameItem()        設定指定屬性節點;
nodemap.removeNamedItem()    刪除指定屬性節點;

11、console

方法:

log()          控制檯輸出一條資訊;
info()         控制檯輸入一條資訊;
clear()        清除控制檯上的資訊;
error()        輸入錯誤資訊到控制檯;
warm()         輸入警告資訊到控制檯;
assert()       如果斷言為fasle則在控制檯輸入錯誤資訊;
count()        記錄count()呼叫次數;
group()        在控制檯上建立一個資訊分組;
groupCollapsed()    類似於group(),但它是置信摺疊的;
groupEnd()    設定當前資訊分組結束;
time()        開始計時;
timeEnd()     計時結束;
trace()       顯示當前執行程式碼在堆疊中的呼叫路徑;

 

Browser物件

12、window

屬性:

name          設定或返回視窗的名稱;
self          返回對當前視窗的引用;
opener        返回對建立此視窗的視窗的引用;
status        設定視窗狀態列文字;
defaultStatus 設定或返回視窗狀態列預設文字;
closed        返回視窗是否已被關閉;
parent        返回父視窗;
frames        返回視窗中所有命名的框架;
length        設定或返回視窗中的框架數量;
top           返回最高層的父視窗;

innerHeight   返回視窗文件顯示區的高度;
innerWidth    返回視窗文件顯示區的寬度;
outerHeight   返回視窗的外部高度(包含工具條與滾動條);
outerWidth    返回視窗的外部寬度(包含工具條與滾動條);
pageXOffset   設定或返回當前頁面相對於視窗顯示區左上角的X位置;
pageYOffset   設定或返回當前頁面相對於視窗顯示區左上角的Y位置;
screenLeft    返回相對於螢幕視窗的x座標,同screenX;
screenTop     返回相對於螢幕視窗的y座標,同screenY;
localStorage  在瀏覽器中儲存key/value對;
sessionStorage在瀏覽器中儲存key/value對,在關閉標籤頁後會刪除這些資料;

document      對Document物件的只讀引用;
history       對History物件的只讀引用;
location      對Location物件的只讀引用;
navigator     對Navigator物件的只讀引用;
screen        對Screen物件的只讀引用;

方法:

open()        開啟一新的視窗或查詢一個已命名的視窗;
close()       關閉瀏覽器視窗;
stop()        停止頁面載入;
alert()       警告彈窗;
comfirm()     確認彈窗;
prompt()      提示使用者輸入的對話方塊;
createPopup() 建立一個pop-up視窗;
focus()       把鍵盤焦點給予一個視窗;
blur()        把鍵盤焦點從頂層視窗移開;
print()       打蔫當空視窗內容;
setInterval() 設定按照指定週期(毫秒)來呼叫函式或計算表示式;
clearInterval()取消設定;
setTimeout()  按照指定毫秒數後呼叫函式或表示式;
clearTimout() 取消設定;
btoa()        建立一個base-64編碼字串;
atob()        解碼一個base-64編碼的字串;
getSelection()返回一個Selection物件,表示使用者選擇的文字範圍或游標的當前位置;
matchMedial() 檢查media query語句,返回一個MediaQueryList物件;

moveBy()      相對視窗當前座標把它移到指定的畫素;
moveTo()      把視窗左上角移到一個指定座標;
resizeBy()    按照指定畫素調整視窗大小;
resizeTo()    把視窗調整到指定大小;
scrollBy()    按照指定畫素來滾動內容;
scrollTo()    把內容滾動到指定座標

13、navigator

包含有關瀏覽器的資訊;

屬性:

appCodeName        瀏覽器程式碼名;
appName            瀏覽器名稱;
appVersion         瀏覽器平臺和版本資訊;
platform           瀏覽器操作平臺;
userAgent          內客戶發表達
cookieEnabled      返回瀏覽器中是否啟用cookie;

方法:

JavaEnabled()     返回是否在瀏覽器中啟用 Java;
taintEnabled()    設定瀏覽器是否啟用資料汙點;

14、screen

屬性:

height        螢幕總高度;
width         螢幕總寬高;
availHeight   螢幕高度(不包含工作列);
availWidth    螢幕寬度(不包含工作列);
colorDepth    目標裝置或緩衝器上的調色盤的位元深度;
pixelDepth    返回螢幕顏色解析度;

15、history

屬性:

length        返回歷史列表中網址數;

方法:

back()        載入history列表中的前一個URL;
forward()    載入history列表中的後一個URL;
go()        載入history列表中某個具體頁面;

16、location

屬性:

href        完整的URL;
host        URL的主機名和埠;
hostname    URL主機名;
hash        URL的錨部分;
pathname    URL路徑名;
port        URL伺服器使用的埠號;
protocol    URL協議;
search      URL的查詢部分;

方法:

assign()    載入一個新文件;
reload()    重新載入當前文件;
replace()    用新的文件替換當前文件;

 

相關文章