iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

JavaScript基礎介紹 for 30天 系列

斬斷鎖鏈,衝破自我!!!

參賽天數 24 天 | 共 24 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 11

第十一天 JavaScript 到底是傳值還是傳址(上)

前面十天我們講 JavaScript 可以分成基本型別以及物件型別,基本型別裡面的資料會以值存在像是 String, number, boolean, nul...

2020-09-18 ‧ 由 Sid 分享
DAY 12

第十二天 JavaScript 到底是傳值還是傳址(下)

大家知道變數的內容是可以被變動,在比較基本型別以及物件型別之後,今天要來介紹的是變數得更新與傳遞。 變數更新和傳遞 基本型別: var a = 5 var b...

2020-09-19 ‧ 由 Sid 分享
DAY 13

第十三天 JavaScript 物件模型 BOM

BOM (瀏覽器物件模型):瀏覽器功能的核心,與網頁內容沒關係。 BOM,是 JavaScript 和瀏覽器溝通的窗口,JavaScript 可以透過 BOM...

2020-09-20 ‧ 由 Sid 分享
DAY 14

第十四天 JavaScript 物件模型 DOM

DOM(文件物件模型)一個將 HTML 以樹狀結構呈現的模型,我們稱為 DOM tree 。我們將 HTML 每個節點攤出來看會像是下面這個樣子: <he...

2020-09-21 ‧ 由 Sid 分享
DAY 15

第十五天 JavaScript DOM 找節點(上)

document 是整個 DOM tree 的根節點,所以我們要抓 html 的時候都是從 document 物件開始。 DOM 節點類型 html 元素節點...

2020-09-22 ‧ 由 Sid 分享
DAY 16

第十六天 JavaScript DOM 找節點(下)

接續著昨天,今天我們要來介紹其他找節點的方式。 Node.lastChild可以取得節點的最後一個子節點,如果沒有的話就回傳 null。跟昨天介紹的 first...

2020-09-23 ‧ 由 Sid 分享
DAY 17

第十七天 JavaScript DOM 建立

前兩天我們介紹如何找節點,今天我們要來介紹如何使用 JavaScript 動態的建立節點。 document.createElement()可以使用這個方法動態...

2020-09-24 ‧ 由 Sid 分享
DAY 18

第十八天 JavaScript DOM 修改與刪除

昨天我們介紹如何建立 DOM 節點的建立,還有帶到一點用什麼發法插入節點。今天要介紹更詳細的插入節點使用的方法,讓我們繼續看下去! Node.appendChi...

2020-09-25 ‧ 由 Sid 分享
DAY 19

第十九天 JavaScript 修改 DOM 節點的樣式

今天要介紹的是如何修改 DOM 節點的樣式,稍微介紹一下前端的三劍客: HTML: 負責資料結構。 CSS: 負責樣式跟結構如何呈現。 JavaScript:...

2020-09-26 ‧ 由 Sid 分享
DAY 20

第二十天 JavaScript 事件機制

JavaScript 是由事件驅動的程式語言,瀏覽器讀取完 JavaScript 事件相關的程式碼後,需要等到事件被觸發才會執行。生活中的例子像是當門鈴響了(事...

2020-09-27 ‧ 由 Sid 分享