鐵人檔案
首次參加 IT邦鐵人賽，這系列想透過 30 天的時間帶大家一起來認識 JavaScript ，至於為什麼會叫溫故知新 JavaScript 呢？因為想找回我當初對 JavaScript 的種種印象，雖然 JavaScript 可以講得很深，但是再深的技術都是從最基本的一些原理變化出來的，因此寫這篇讓新手和我自己都可以來溫習與認識 JavaScript。
要透過 JS 插入 HTML 標籤有兩種方式，一種是 innerHTML 另一種是 createElement 優缺點如下： innerHTML 方法：組完字...
我們在操作網頁會使用滑鼠去點擊、滾動網頁或搭配鍵盤去操作網頁，當使用者去做這些動作時網頁可以去回應使用者一些事情，比方說點擊畫面中的某一處，就會顯示這個地方在網...
這邊來介紹事件監聽語法如下圖，之前我們是直接用 onclick 這邊在選到物件後直接先放一個監聽後面的括號在放要執行的事件與程式後面的 false 是事件冒泡與...
在監聽事件中還有一個是 change 事件，這個功能經常可以在各大網頁中看到，比方說可以根據預算選出符合我們預算的產品，今天就一步一步的帶大家完成一個簡易的根據...
如果我們想要點擊 li 就能顯示裡面的文字內容，過去都必須在 li 上綁定一個監聽事件，如果像是下方這樣的程式碼點擊 li 永遠都只能顯示第一個 li 的內容就...
可以把它想成是瀏覽器的資料庫，比方說我們在上博客來網站時可以瀏覽你感興趣的書，之後神奇的地方是，在網頁中有個區塊竟然記錄了我最近瀏覽的書籍，這是怎麼做到的呢？...
如果我們是把一個陣列存在 localStorage 內像是以下程式碼，消費紀錄是一個陣列存在資料庫內，在 LocalStorage 他的資料型態會變成字串。 /...
今天來分享放在標籤內新的屬性，標籤內除了可以放 class 讓我們可以抓到元素去做互動也能放入 data-＊，這樣我們就可以把資料直接綁定在元素上如此一來就能點...
push 之前我們有說到陣列可以利用 push 增加更多的陣列資料例如: var framer =['小明','小花','小華']; framer.push(...
大家好，來到 IT 鐵人賽最後一天了，終於要進入尾聲了！今天我們要整合這三十天來所學到的知識量，來完成一個待辦事項小工具，這工具要做到以下幾個功能！ 1. 可以...
