- Mar 28 Thu 2019 23:52
-
forEach()與map()
- Mar 26 Tue 2019 20:37
-
setTimeout()與setInterval()
setTimeout()
延遲某段時間 (單位為毫秒) 之後，才去執行「一次」指定的程式碼，並且會回傳一個獨立的timer ID，可以透過 clearTimeout 取消程式碼的執行
var timeoutID = window.setTimeout(( () => console.log("Hello!") ), 1000);
window.clearTimeout(timeoutID);
延遲某段時間 (單位為毫秒) 之後，才去執行「一次」指定的程式碼，並且會回傳一個獨立的timer ID，可以透過 clearTimeout 取消程式碼的執行
var timeoutID = window.setTimeout(( () => console.log("Hello!") ), 1000);
window.clearTimeout(timeoutID);
- Mar 25 Mon 2019 21:16
-
新增移除與確認class
- Mar 18 Mon 2019 20:32
-
JS複製元素cloneNode()
cloneNode()
複製新的一個元素物件，拷貝所有屬性和值
cloneNode()接受一個可選值為true或false的參數。true表示克隆元素和它的所有子節點，false表示克隆元素但不包含它的子節點。
複製新的一個元素物件，拷貝所有屬性和值
cloneNode()接受一個可選值為true或false的參數。true表示克隆元素和它的所有子節點，false表示克隆元素但不包含它的子節點。
- Mar 17 Sun 2019 23:25
-
隨機取得數字Math.random()
- Mar 17 Sun 2019 20:59
-
scrollWidth,clientWidth,offsetWidth的區別
scrollWidth、scrollHeight
元素實際內容的寬度/高度，不包邊線寬度，會隨對象中內容超過可視區後而變大。
clientWidth、clientHeight
元素內容的可視區的寬度/高度，不包滾動條等邊線，會隨對象顯示大小的變化而改變。
offsetWidth、offsetHeight
元素整體的實際寬度/高度，包滾動條等邊線，會隨對象顯示大小的變化而改變。
元素實際內容的寬度/高度，不包邊線寬度，會隨對象中內容超過可視區後而變大。
clientWidth、clientHeight
元素內容的可視區的寬度/高度，不包滾動條等邊線，會隨對象顯示大小的變化而改變。
offsetWidth、offsetHeight
元素整體的實際寬度/高度，包滾動條等邊線，會隨對象顯示大小的變化而改變。
- Mar 17 Sun 2019 20:32
-
鼠标事件位置屬性
clientX、clientY
鼠標的x,y以瀏覽器視窗左上為原點
screenX、screenY
鼠標的x,y以使用者螢幕左上為原點
pageX、pageY
鼠標的x,y以瀏覽器頁面左上為原點
offsetX、offsetY
鼠標位置與目標節點左上padding為原點
layerX、layerY
position為absolute或relative的父元素的左上為原點
鼠標的x,y以瀏覽器視窗左上為原點
screenX、screenY
鼠標的x,y以使用者螢幕左上為原點
pageX、pageY
鼠標的x,y以瀏覽器頁面左上為原點
offsetX、offsetY
鼠標位置與目標節點左上padding為原點
layerX、layerY
position為absolute或relative的父元素的左上為原點
- Mar 17 Sun 2019 15:18
-
JS將字串轉換成數字
將字串轉換成數字的方法有三種
parseInt()
parseInt()方法可將字串轉換成一個整數，接受兩個參數，第一個參數 string 是要轉換為數字的字串，第二個參數 radix 則是要用二進位、八進位、十進位或十六進位
parseInt()
parseInt()方法可將字串轉換成一個整數，接受兩個參數，第一個參數 string 是要轉換為數字的字串，第二個參數 radix 則是要用二進位、八進位、十進位或十六進位
- Mar 16 Sat 2019 18:13
-
JS尋找離當前元素最近的祖先元素
.closest()
Element.closest（）方法用來獲取：匹配特定選擇器且離當前元素最近的祖先元素（也可以是當前元素本身）。如果匹配不到，則返回null。
var elem = document.querySelector('#some-element');
var closestParent = elem.closest('.pick-me');
Element.closest（）方法用來獲取：匹配特定選擇器且離當前元素最近的祖先元素（也可以是當前元素本身）。如果匹配不到，則返回null。
var elem = document.querySelector('#some-element');
var closestParent = elem.closest('.pick-me');
- Mar 16 Sat 2019 16:29
-
javascript移除元素
- Mar 16 Sat 2019 14:37
-
將元素添加到一組元素的結尾
appendChild()
appendChild()將元素添加到一組元素的結尾
// Create a new element
var newNode = document.createElement('div');
// Get the parent node
var parentNode = document.querySelector('#some-element');
// Insert the new node after the last element in the parent node
parentNode.appendChild(newNode);
appendChild()將元素添加到一組元素的結尾
// Create a new element
var newNode = document.createElement('div');
// Get the parent node
var parentNode = document.querySelector('#some-element');
// Insert the new node after the last element in the parent node
parentNode.appendChild(newNode);
