event 是什麼 在這邊這個 event 指的不是事件本身，而是 event listener 的一個「Event Object」，裡面會有所有關於這個事件的...
事件傳遞 當我們同時為父元素和子元素綁定相同事件時可能會發現子元素事件被觸發時，父元素同時也會被觸發。如下範例，div 和 button 都綁定了 click...
事件 Event 事件(event) 是指在網頁上的動作或者發生的事情，可以是瀏覽器的行爲，例如頁面加載完成，也可以是用戶的行為，例如點選按鈕、頁籤等動作。當網...
嗨，大家好，我是前端工程師(小宇) 我身邊的朋友常常問我說，成為前端工程師學歷是不是一定要有相關的資訊背景才會被公司錄取?我可以肯定的說不用，我面試多家公司的經...
修改(替換)節點 replaceChild replaceChild() 可以將指定元素的某個子節點換成新的節點，語法為 指定元素.replaceChild(新...
範例 - 如何新增節點 在前幾篇文章中我們都在介紹屬性的新增修改，但若我們想使用 JavaScript 動態新增元素到頁面上某處的話，除了使用 innerHTM...
修改元素屬性值 既然在上一篇中我們已經可以拿到元素的屬性值了，那下一步就是如何修改它！讓我們能夠使用 JavaScript 動態的修改元素的 checked、d...
取得元素屬性值 在前篇文章中我們提到了如何抓取 HTML 的 element node，既然我們都可以抓到元素了，下一步就是取得更詳細的資料，也就是該元素的屬性...
元素節點 在前篇中我們說明了節點的種類和屬性，而本篇會介紹如何利用 JavaScipt「獲取節點」，其實這跟 CSS 選擇器的概念有點相似，當我們需要動態改變頁...
DOM 是什麼？ 到目前為止我們大約花了二十多個篇幅來介紹 JavaScript 的基本用法，可能有人會想說講了這麼多，JavaScript 跟畫面到底有什麼關...
Number 相關 在 JavaScript 的構造函數 Number 中包括許多處理和判斷數值的方法，有些我們之前有提過，例如 isNaN()、isInteg...
Math 相關 Math 是一個 JavaScript 內建的物件，可以讓我們進行數學運算，在 console 輸入 Math 這個 object 包含的內容和...
常見操作方法 在 上篇 陣列相關文章中我們已經大致了解簡單的操作方法，但其實在 JavaScript 陣列中還有更多元的方法可以使用，不過有些牽涉到 Funct...
Scope 作用域 Scope 是指在 JavaScript 程式中，一個變數可用 (或有效) 的範圍，而在這個有效範圍之外，變數是無法被使用的。舉個常見的例子...
前言 本系列旨在幫助新手快速進入前端的世界，對於底層的原理和延伸用法並未多加著墨。文章中有錯誤或需補充的部分也希望各路高手不吝指教！ HTMl 相關 [快速...
參數 在上一篇文章中我們有提到在定義函式時，小括號 () 中放的資料是參數 (parameters)，在 JavsScript 中，() 中的參數就像是 Fun...
今天試寫一個簡單的javascript字串反轉時，發現單純使用replace的話，只會取代字串中的第一個值，程式碼如下： var str = "ABC...
Function 函式 function 是指一段經過包裝的 JavaScript 程式，主要用於程式碼的重複使用，變數等資料的隱藏。而將程式寫成 functi...
Object 物件 陣列通常放的是較有相關性的資料，而物件則由多組 key (屬性): value (屬性名) 的格式組成，所以通常會包含各種類型的資料，其中...
陣列 在上一篇文章中我們提到如何宣告值和取得陣列值，但其實在 JavaScript 中還有很多對陣列的操作方法，例如新增、刪除、修改、或過濾陣列值等等，接下來就...
Array 陣列 在前面介紹變數型態時我們有提到陣列，陣列是一個有順序性的序列，可以儲存多個值，格式為 [值1, 值2, 值3]，每個值照順序都會有對應的索引，...
break 和 continue break break (中斷)，是用來控制迴圈或 switch 的控制語法，會中斷並跳出整個迴圈或 switch 區塊。在迴...
雙重迴圈 雙重迴圈，又被稱為「巢狀迴圈」意思是兩個 for 迴圈嵌套在一起，成為一個 for 迴圈中又有另一個 for 迴圈的架構。 for (外層初始化變數;...
迴圈 迴圈 (Loop)，是指在符合條件下重複執行某區塊內的程式直到條件結束 (為 true)主要分為 while、do while 和 for 三種類型，下面...
for 和 while 其實 for 和 while 最大的差異在於「是否知道要跑幾次」，在寫 for 迴圈時，我們必須在一開始就設定好條件和變數變化；而 wh...
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集 步驟1 - 申請Github帳...
https://www.104.com.tw/company/1a2x6blehc 代徵才公司的簡介 專注台灣及APAC (日本新加坡馬來西亞)的顧問服務業，正...
if-else 在 if-else 條件判斷中，又依結構分為 if、if-else、和 if-elseif-else。 if 語句 if 語句在執行中，會先對括...
流程控制 一般而言，JavaScript 的程式會照順序由上至下一行一行執行，不過當我們在某條件下不想執行某段程式，或需要重複執行某段程式時，就需要進行流程控制...
運算子 三元運算子 三元運算子又稱為條件運算子，語法為 條件 ? 語句1 : 語句2，意即在條件為 true 時會執行語句1，false 則執行語句2，下面讓我...
iThome鐵人賽
看影片追技術