iT邦幫忙

鐵人檔案

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

「 Nice to meet you , JavaScript . 」- 學習日記 系列

剛入門的前端極菜鳥,給自己的一個小小試煉和挑戰。


鐵人鍊成 | 共 30 篇文章 | 18 人訂閱 訂閱系列文 RSS系列文
DAY 11

初探JavaScript - JS 條件式- if 、else if 與 switch

條件式在寫程式時經常地被使用,其會依據不同的條件去呈現不同的動作行為。在JavaScript中有以下條件式可使用: if else if switch i...

2020-09-11 ‧ 由 Linn 分享
DAY 12

初探JavaScript - JS 迴圈(Loop) - for

為什麼要使用迴圈呢?有時候我們想要重複的印出變數值,或是希望相同的程式碼能夠重複的被呼叫使用,像是想要一一呼叫印出一個陣列中所有的元素,並要以<br&gt...

2020-09-12 ‧ 由 Linn 分享
DAY 13

初探JavaScript - JS 迴圈(Loop) - while

while 只要變數符合While迴圈中設立的條件(結果為true),則會執行其下區塊程式碼。 寫法如下: while (條件) { 區塊程式碼 }...

2020-09-13 ‧ 由 Linn 分享
DAY 14

初探JavaScript - DOM常見寫法

簡化document.getElementById()寫法 若想要改變HTML內容,之前有學過最常使用的為document.getElementID()...

2020-09-14 ‧ 由 Linn 分享
DAY 15

初探JavaScript - JS插入HTML標籤的兩種方法

用JavaScript操控HTML 可使用以下兩種方法: innerHTML:組完字串後,傳進語法進行渲染。效能快,但有資訊安全的風險,要確保來源沒有問題,...

2020-09-15 ‧ 由 Linn 分享
DAY 16

初探JavaScript - JS 事件 Event - onclick( ) & addEventListener( )

什麼是Event(事件)? 當我們在瀏覽的網頁時候,會有很多與網頁互動的事件行為,有些是網頁的行為,有些則是使用者的行為,比如說一個按鈕被點擊、網頁完成...

2020-09-16 ‧ 由 Linn 分享
DAY 17

初探JavaScript - JS 事件 Event - 關於addEventListene中true & false的差異

上一篇有提到addEventListener的寫法為addEventListener('click', function(e){}, false),其中fals...

2020-09-17 ‧ 由 Linn 分享
DAY 18

初探JavaScript – JS常用事件(一)

preventDefault - 取消預設觸發行為 使用preventDefault()可取消綁定元素的預設觸發行為,如下範例: <a...

2020-09-18 ‧ 由 Linn 分享
DAY 19

初探JavaScript – JS常用事件(二)

keyCode – 取得鍵盤代碼值 鍵盤上的任何一個按鍵,在按下得當下都可以取得一個相對應的鍵盤代碼,也就是所謂的keycode。我們可利用這個keyc...

2020-09-19 ‧ 由 Linn 分享
DAY 20

初探JavaScript - 透過JS setItem及getItem操作Local Storage - 應用範例

Local Storage指的是瀏覽器裡的資料庫運用技巧方式,比如像是當我們在瀏覽網站的時候,底下會出現你的最近瀏覽商品紀錄、搜尋查詢紀錄等,則是使用到loca...

2020-09-20 ‧ 由 Linn 分享