從頭開始的Javascript 入門 -變數與資料型別 Day1 前言 就像是學習國外語言，要會語法認識新單字，並且理解規則才會運用。所以學習複雜觀念之前，我們...
一開始根本沒想要寫文章的哈哈哈XD，但在禮拜四看完洧杰老師的分享後，仔細想想或許能把自己學習過程做一個整合，(沒理由偷懶XDD)正好剛過23歲生日，就想不如23...
在某些情況下，我們會想取消元素的預設行為，例如 <a> 標籤的 href 屬性的這個行為，此時 .preventDefault()就是一個非常好用的...
這裡要來補充一個小知識，在 .addEventListener() 這個事件監聽的方法，還有第三個參數，只是沒有設定時，預設會是 false即一個元素的點擊事件...
前面講到三種事件綁定的方法，撇除掉第一種較危險的方式之外，來談談第二種跟第三種的差異性 以點擊事件為例： <input type="button...
終於研究到了事件的部分了，所謂的事件，是當使用者對頁面做出什麼動作的意思，例如：滑鼠點擊，按下鍵盤...之類的，而當使用者有這些動作時，我們又該給予什麼樣式的回...
前面講到了使用 .innerHTML 來操控 HTML，這裡說明第二種方式 .createElement ，後面再說明兩者的差異性 一樣先建立一個名字清單的陣列...
前一篇講到了 .innerHTML 來新增元素以及內容，還有組字串的技巧這邊我們就來建立一個陣列，依序把資料輸入進去吧 首先先建立 HTML 結構: <h...
前面我們講到選取了元素，也講到了設定屬性和讀取屬性，但倘若我們想要在某個元素下再新增元素且有內容時，可以怎麼做？這裡就介紹其中一種方法 .innerHTML 也...
前面講到了選取元素的方法 .querySelector() 和 .querySelectorAll()選取到了元素，我們就可以對他們設定一些屬性，例如設定 id...
<h2 class="title"><em></em></h2> <h2 class=...
第一篇文章有提到可以用 document.getElementById() 的方式選取 id 元素渲染到網頁，但如果今天我想選取的不只是 id 元素，還有 cl...
當我們在執行 for 迴圈時，如果我們是希望滿足條件後就跳脫迴圈而不要讓迴圈跑完時，這時候就可以搭配 break 來作運用 建立一個陣列資料如下: var fa...
照著前面建立的小鎮和房子的假設走，下面是前篇創建的陣列： var area=[ { house: 'Jerry', ro...
for 迴圈的應用，除了撈取相同性質的資料外，我們也可以在執行的時候搭配判斷式，來過濾出來我們想要取得的資料，以下就開始來寫個範例： 我們先來假設，有一個小鎮上...
在撈取資料的時候，可能會遇到我們需要一直撈取同樣性質的資料，這時候 for 迴圈就是使用的時機了舉個例子，前面有說到陣列內可以放多個物件，來寫點東西吧 var...
switch 跟 if else 的使用上，常常會有一個迷思在，以下就來舉個例子： var n = '5'; switch(n){ case 5:...
在 JavaScript 內的第二種判斷式是 switch，它跟 else if 有異曲同工之妙，以下就來介紹吧! switch 架構如下: switch(代入...
if 判斷式，不僅只能做一個判斷，我們還可以再利用 else if 來增加更多的判斷式 大致上程式碼架構如下： if(判斷式){ 要執行的程式碼 }el...
前面講到比較運算子還有邏輯運算子，並非只是要單純的要回傳 true 或 false而是要搭配 if 判斷，來做程式上面的判斷， if else 判斷內有判斷式...
前面的比較運算子是用來做值的比較，接下來介紹的邏輯運算子，是用來做邏輯上面的判斷&&(and)，||(or) 生活上也會有類似的邏輯判斷，例如：...
比較運算子 part2 今天如果我們要比較兩個值的時候，除了用==(等於)，!==(不等於)，還有>(大於)，<(小於)，>=(大於等於)，...
在生活中我們常常都需要做判斷，例如肚子飢餓的程度，假設滿分是10分，若飢餓的程度大約7分，可能只想吃個小東西，若飢餓的程度為5分以下，可能就要吃個便當之類的，大...
若同時需要很多個物件，不妨參考一下前面說到陣列適合儲存多個資料，儲存物件也不例外，我們可以在陣列內儲存多個物件，如下： var farms = [ {...
前面講到了物件的屬性讀取，那如果物件的某個屬性並非值而是一個函式呢？這也是可行的，我們並非要賦予屬性一個值，也可以給予一個函式用來計算 假設 Jerry 的農場...
前面介紹到了物件的基本概念，以及基本語法，這篇介紹物件的屬性 舉房子的例子，房子內2間房間，有小明和小華： var house = { room: 2,...
物件也是 JavaScript 內的資料型態之一，而會有物件是因為，我們需要儲存更多的資料前面講到陣列也用於儲存更多的資料，但不同於陣列的地方，是物件儲存的值是...
大家都知道字串是 JavaScript 的一種型別，有時候在處理資料上不免要把字串拆開此時 split 就是一個好方法： var weather = '今天天氣...
前一篇講到了陣列，這篇介紹陣列常用的兩個方法，分別為新增和刪除陣列內的值。 var candy = [8,5,10]; 前面有講到讀取陣列某個值：陣列名稱[索...
陣列，也是 JavaScript 裡面的一種資料型別，用於儲存多筆資料。 假設今天湯姆的糖果有5顆，傑瑞的糖果有8顆，瑪莉的糖果有10顆，我們要依序針對他們去宣...
yolala
iThome鐵人賽
看影片追技術