瀏覽器中有許多的事件，筆記常用的像是滑鼠點擊、移動事件、鍵盤輸入事件、冒泡事件...等，事件通常與函式搭配使用，在事件發生前函式不會被執行！ 舉例：點擊按鈕的事件 <input type=&q...
用法跟 innerHTML 類似，寫到這邊有發現 for 迴圈在前端技術上大量的被使用。 data 資料 這次也是用一個主題來練習，找出學校的每一位老師，資料如下： var data = [ {...
createElement 方法：使用 DOM 節點來處理。(貼上 DOM 文章連結) 優點：安全性高。 缺點：效能差。 首先在 HTML 裡面新增一個 div： <div class=&...
物件資料 這次記錄透過 for 迴圈篩選出資料後，渲染在網頁上，未來 for 迴圈也會很常篩選 JSON 的資料內容，這次的資料如下： var data = [ { team: &quo...
innerHTML 方法：組完字串後，傳進語法進行網頁渲染。 優點：效能快。 缺點：資安風險高，須確保資料來源沒問題。 原本學習的方式是用 textContent 語法，在 HTML 上寫上一個...
前面學過 textContent 使用方法，如何用更簡短且易讀的程式碼來控制網頁元素？ 透過變數管理相同的程式碼 原本要控制 id 的寫法都會是： document.getElementById(&...
我想小戴應該無人不知無人不曉吧XD小戴 == 戴資穎 == 台灣之光 == (羽球)世界球后在下小的我是小戴的瘋狂粉絲，回溯小戴上一次參加國際賽已經是 3 月全英公開賽了，比賽結果當然也是 女單金牌...
常常聽到人家講說 DOM 元素，到底是什麼? DOM 的英文全名是 Document Object Model，中文是「文件物件模型」。 是 HTML、XML 和 SVG 文件的程式介面。它提供了...
在取得 Open Data 前，要先認識 JSON 資料。 什麼是 JSON JSON（JavaScript Object Notation，JavaScript 物件表示法，讀法就有點像是英文名字...
i++ for 迴圈內有一個所產生的值，會用 i++ 登打， for (var = 0; i < array.length; i++) { ... } 寫法有三種，但都是在做同一件事情 v...