防止預設行為與表單驗證 1.preventDefault()–防止預設行為 (1)連結的預設行為假設我們有一個超連結，當使用者點擊它時，會跳轉到指定的網址。如果我們想阻止這個預設行為並顯示一條訊息，可...
上一篇題到了函數宣告這篇則來談談如何寫出可讀性高且好維護的函數的技巧 在 function 中的 return 關鍵字除了回傳結果以外，它同時還會有另外一個功能：停止函數的執行，只要是在 return...
事件處理與事件代理 事件處理是讓網頁變得互動的重要機制，透過 JavaScript可以監聽使用者的動作（如點擊、滑鼠移動、鍵盤輸入等），並根據這些操作做出回應。同時，我們也會討論事件冒泡與捕獲的機制，...
在前面的文章中，我已經了解了 HTML 和 CSS 的作用。HTML 負責定義網頁的結構和內容，而 CSS 就負責美化網頁的外觀。但這些技術只能讓網頁看起來是「靜態」的，也就是說，網頁上的元素在一開始...
大家好～我是姐姐恩！資訊小白的我，起初對於參賽主題非常苦惱，最後決定利用此次機會，延續學校的課(Java)，了解網頁前端三劍客之一的JavaScript！所以接下來30天，我將在這裡紀錄我當天的學習筆...
今天是第十八天我們可以寫一個javascript專題網頁程式管理系統，大學畢業都需要專題，因此我們可以自己架設一個網頁去放各個科系的專題發表，以下是我的程式碼 登入/註冊系統：學生和管理員可以登入...
if / else 就如同字面的意思，如果….否則….，實際用法也是這樣，在條件成立後，會執行那一區塊的程式碼，只是還有一個else if，優先性是 if → else if → else，假設我們要...
在前幾天的學習中，我們探討了 HTML 和 CSS，學會了如何構建網站的結構和美化外觀。今天，我們將深入 JavaScript，這是一種讓網站具有互動性的重要語言。無論是簡單的按鈕點擊、動態內容更新，...
函數宣告 函數：指的是將一段程式包起來，有可能是一個功能或是會需要重複執行的內容，除了方便重複使用以外也會更好維護 常見定義函式的方式： 函式宣告 (function declaration) f...
事件委派 event delegation 事件委派 event delegation 是一種 JavaScript Pattern，在父層 DOM 元素上只要綁定一個監聽器，底下的子元素就看透過 事...