DOM是什麼？ 用於表示和操作HTML和XML文檔的程式接口。簡單來說就是將網頁文檔視為樹狀結構的方法，其中每個元素都是樹的節點通過JS來訪問和修改。 目的是允許開發者使用JS來動態讀取、更新和操作網...
Web Storage 可以讓我們儲存資料在使用者的瀏覽器中，有兩種存儲方式可以使用： Window.localStorage Window.sessionStorage 兩者的差別在於：...
前言 今天會針對昨天的Constructor prototype inheritance（構造函式的原型繼承）例子，進行近一步解釋 說明 首先先看例子 function Person(name, ag...
大家好，今天我們會再討論更多的document method! 首先延續昨天所提到的querySelector()，那如果我們想要選取第一個以外的<p>呢？我們可以在HTML的code中為...
當我們在網頁上進行互動時，我們可以透過JS來捕捉和處理各種用戶操作，例如滑鼠點擊、按鍵按下、表單提交等等。 什麼是事件？ 事件是網頁上發生的各種動作，例如用戶的互動、瀏覽器的操作等。這些事件可以是滑鼠...
Day 18: Debounce Given a function fn and a time in milliseconds t, return a debounced version of tha...
大家好，今天我會來介紹該如何使用JS與瀏覽器(browser)互動！首先我們必須知道"文件物件模型(Document Object Model, 簡稱DOM)"的概念。DOM是讓我...
Promise 是在 JavaScript ES6 版本開始出現的新特性，Promise 可以提供非同步流程一個錯誤處理機制。如果有好幾件非同步的工作，每一件都要依賴前一件工作的結果，又必須按照順序完...
今日太晚寫，只整理了章節前面的介紹，另外雖然斷賽，不過就繼續寫完吧。 Function 函式 函式(function) 是JavaScript 的程式碼區塊，只要定義一次，就可以被多次執行或調用(...
要操作DOM基本上只要兩步驟： 查詢，找到你想操作的元素 以下方式皆可使用： document.getElementById(); // 使用 ID 查詢 document.ge...