初考-統計資料處理大意112 年第 28 題單選題
在一個網頁上有一個按鈕,當使用者按了這個按鈕後會執行某段程式,使得頁面文字動態逐漸變大且顏色也隨著改變。請問這段程式最可能使用的技術為何?
ACSS
BJavascript正確答案
CHTML
DXML
B正確答案
網頁「動態互動行為」是 JavaScript 的工作,CSS 只能做靜態樣式或預設動畫。
為什麼答案是 B
JavaScript 是瀏覽器端的程式語言,能監聽按鈕 click 事件、動態修改 DOM 元素的文字大小與顏色,完美對應題目「按按鈕後執行程式、動態變化」的需求。
載入中…
完整詳解
Pro · 無限重點 網頁「動態互動行為」是 JavaScript 的工作,CSS 只能做靜態樣式或預設動畫。
看到「按鈕點擊後觸發」「動態變化」關鍵字 → 直接選 JavaScript。
逐選項分析
A✕ 陷阱
CSS 負責網頁樣式(字體、顏色、版面),雖然 CSS3 有 animation/transition,但「按鈕觸發事件後執行程式」的邏輯控制非 CSS 能獨立完成。
B✓ 正確
JavaScript 是瀏覽器端的程式語言,能監聽按鈕 click 事件、動態修改 DOM 元素的文字大小與顏色,完美對應題目「按按鈕後執行程式、動態變化」的需求。
C✕
HTML 是標記語言,只負責描述網頁結構與內容,本身無法執行程式或產生動態效果。
D✕
XML 是用來儲存與傳輸資料的標記語言,與網頁互動行為無關,不會出現在前端互動場景。
網頁前端三本柱分工
| 技術 | 角色 | 負責內容 | 舉例 |
|---|
| HTML | 骨架 | 網頁結構、標籤 | <h1>、<button> |
| CSS | 外觀 | 樣式、排版、顏色 | color、font-size |
| JavaScript | 行為 | 互動邏輯、動態效果 | 按鈕點擊、變大變色 |
容易誤選 A(CSS),因為「文字變大、顏色改變」聽起來像樣式。但關鍵在「按鈕按下後執行某段程式」—這是事件驅動的程式邏輯,必須靠 JavaScript 控制,CSS 無法處理點擊事件後的程式流程。