JavaScript常用API合集
2017.12.24 Poetry Front-End
來源於互聯網
一、節點
1.1 節點屬性
1 | Node.nodeName //返回節點名稱,只讀 |
1.2 操作
1 | Node.appendChild(node) //向節點添加最後一個子節點 |
1.3 Document節點
1.3.1 Document節點的屬性
1 | document.doctype // |
1.3.2 Document節點的方法
(1)讀寫方法
1 | document.open() //用於新建並打開一個文檔 |
(2)查找節點
1 | document.querySelector(selectors) //接受一個CSS選擇器作為參數,返回第一個匹配該選擇器的元素節點。 |
(3)生成節點
1 | document.createElement(tagName) //用來生成HTML元素節點。 |
(4)事件方法
1 | document.createEvent(type) //生成一個事件對象,該對象能被element.dispatchEvent()方法使用 |
(5)其他
1 | document.hasFocus() //返回一個布爾值,表示當前文檔之中是否有元素被激活或獲得焦點。 |
1.4 Element節點
1.4.1 Element節點的屬性
(1)特性屬性
1 | Element.attributes //返回當前元素節點的所有屬性節點 |
(2)尺寸屬性
1 | Element.clientHeight //返回元素節點可見部分的高度 |
(3)節點相關屬性
1 | Element.children //包括當前元素節點的所有子元素 |
1.4.2 Element節點的方法
(1)位置方法
1 | getBoundingClientRect() |
(2)屬性方法
1 | Element.getAttribute():讀取指定屬性 |
(3)查找方法
1 | Element.querySelector() |
(4)事件方法
1 | Element.addEventListener():添加事件的回調函數 |
(5)其他
1 | Element.scrollIntoView() //滾動當前元素,進入瀏覽器的可見區域 |
二、CSS操作
(1)類名操作
1 | //ie8以下 |
(2)style操作
1 | element.setAttribute('style','') |
三、對象
3.1 Object對象
(1)生成實例對象
1 | var o = new Object() |
(2)屬性
1 | Object.prototype //返回原型對象 |
(3)方法
1 | Object.keys(o) //遍歷對象的可枚舉屬性 |
對象實例的方法
1 | valueOf():返回當前對象對應的值。 |
3.2 Array對象
(1)生成實例對象
1 | var a = new Array() |
(2)屬性
1 | a.length //長度 |
(3)Array.isArray()
1 | Array.isArray(a) //用來判斷一個值是否為數組 |
(4)Array實例的方法
1 | a.valueof() //返回數組本身 |
3.3 Number對象
(1)生成對象
1 | var n = new Number() |
(2)Number對象的屬性
1 | Number.POSITIVE_INFINITY:正的無限,指向Infinity。 |
(4)Number對象實例的方法
1 | toString() //用來將一個數值轉為字符串形式.可以接受一個參數,表示輸出的進制。如果省略這個參數,默認將數值先轉為十進制,再輸出字符串;否則,就根據參數指定的進制,將一個數字轉化成某個進制的字符串。 |
3.4 String 對象
(1)生成實例對象
1 | var s = new String() |
(2)String對象的屬性
1 | s.length //返回字符串的長度 |
(3)方法
1 | s.chatAt(index) //返回指定位置的字符 |
3.5 Math對象
(1)屬性
1 | Math.E:常數e。 |
(2)數學方法
1 | Math.abs():返回參數的絕對值 |
(3)三角函數方法
1 | Math.sin():返回參數的正弦 |
3.6 JSON對象
(1)方法
1 | JSON.stringify() |
3.7 console對象
(1)方法
1 | console.log(text,text2,...) //用於在console窗口輸出信息。它可以接受多個參數,將它們的結果連接起來輸出。如果第一個參數是格式字符串(使用了格式佔位符),console.log方法將依次用後面的參數替換佔位符,然後再進行輸出。 |