JavaScript教學目錄

---

〥JavaScript-基本類〥

• [JavaScript]如何使用JavaScript
• [JavaScript]如何使用變數
• [JavaScript]如何檢查變數的型態使用typeof()
• [JavaScript]如何使用算術運算子
• [JavaScript]取得input的value
• [JavaScript]檢查變數是否存在
• [JavaScript]比較運算元
• [JavaScript]條件判斷--if -- else
• [JavaScript]邏輯運算元
• [JavaScript]指派運算元
• [JavaScript]三元運算式
• [JavaScript]設定時間呼叫方法-setTimeout
• [JavaScript]設定時間反覆呼叫方法-setInterval
• [JavaScript]例外處理-try-catch-finally
• [JavaScript-基本類]流程控制for迴圈的用法
• [JavaScript-基本類]流程控制while迴圈的用法
• [JavaScript-基本類]使用宣告自己定義的函數方法
• [JavaScript-基本類]流程控制-使用switch-case
• [JavaScript-基本類]按鈕的使用onClick-點擊按鈕時呼叫函數
• [JavaScript-基本類]按鈕的使用onClick-點擊按鈕時呼叫多個函數
• [JavaScript-基本類]物件的使用方式
• [JavaScript-基本類]物件的使用之判斷物件是否存在
• [JavaScript-基本類]取出HTML的input元件的資料
• [JavaScript-基本類]取出HTML的input元件的id
• [JavaScript-基本類]將Javascript寫在外部js檔
• JavaScript 基本類 with的使用方法
• JavaScript 基本類 變數物件重新指定
• JavaScript 基本類 使用onClick 及 this取得id
• JavaScript 基本類 使用onClick 及 this取得name
• JavaScript 基本類 使用onClick 及 this取得value
• JavaScript 基本類 使用onClick 及 this取得type
• JavaScript 基本類 使用onClick 及 this取得onclick
• JavaScript 基本類 使用onClick、this綜合綀習應用之1
• 
  

---

〥JavaScript Date物件類〥

• [JavaScript Date物件]取得目前的日期時間顯示在頁面上--Date
• [JavaScript Date物件]Date物件，指定時間用法
• [JavaScript Date物件]Date物件，取得毫秒數-getTime()
• [JavaScript Date物件]Date物件，依本地格式顯示日期時間-toLocaleString()
• [JavaScript Date物件]Date物件，取得日期的年getFullYear、月getMonth、日getDate

 

---

〥JavaScript String字串類〥

• [JavaScript String類]String字串轉換數字
• [JavaScript String類]Sting字串搜尋indexOf()
• [JavaScript String類]取得字串的長度length
• [JavaScript String類]取得部分的字串substr及substring
• [JavaScript String類]英文字大小寫轉換toLowerCase及toUpperCase
• [JavaScript String類]字串切割split第一篇
• [JavaScript String類]字串切割split第二篇
• [JavaScript String類]字串搜尋indexOf(字串)及lastIndexOf(字串)

   

---

〥JavaScript 陣列類〥

• [JavaScript 陣列類]陣列的宣告及用法-Array()
• [JavaScript 陣列類]取得陣列的大小-length
• [JavaScript 陣列類]練習--使用for取出陣列內容
• [JavaScript 陣列類]二個陣列的連結方法-concat()
• [JavaScript 陣列類]陣列排序的方法-使用sort()
• [JavaScript 陣列類]陣列刪除的方法-使用delete
• [JavaScript 陣列類]陣列加入移除陣列元素的方法-使用splice()

   

---

〥JavaScript 數學類〥

• [JavaScript 數學類]使用絕對值函數-使用Math.abs()
• [JavaScript 數學類]數學四捨五入函數的-使用Math.round()
• [JavaScript 數學類]求整數的函數-使用Math.floor()及Math.ceil()
• [JavaScript 數學類]求平方根函數-使用Math.sqrt()
• [JavaScript 數學類]求最大值及求最小值-使用Math.max()及Math.min()
• [JavaScript 數學類]取隨機數的函數-使用Math.random()

 

   

---

〥JavaScript HTML  DOM類〥

• [JavaScript HTML DOM]使用document物件，使用方法document.write()
• [JavaScript HTML DOM]使用document物件，使用方法document.write()及document.writeln()比較
• [JavaScript HTML DOM]使用document物件，使用方法document.write()及document.writeln()總合使用
• [JavaScript HTML DOM]取HTML元素，使用getElementById
• [JavaScript HTML DOM]修改HTML元素內容，使用getElementById
• [JavaScript HTML DOM]修改HTML元素CSS_Style，使用getElementById
• [JavaScript HTML DOM]取HTML元素，使用getElementById之二
• [JavaScript HTML DOM]取HTML元素，使用getElementsByName()
• [JavaScript HTML DOM]取HTML元素，使用getElementsByTagName()
• [JavaScript HTML DOM]取HTML元素，使用getElementsByName()之二
• [JavaScript HTML DOM]取HTML元素，使用getElementsByTagName()之二
• [JavaScript HTML DOM]取HTML元素，使用getElementsByClassName()
• [JavaScript HTML DOM]取HTML元素，使用getElementsByClassName()之二
• [JavaScript HTML DOM]使用document物件，使用方法document.open()及close()
• [JavaScript HTML DOM]使用document物件，使用方法document.hasFocus()
• [JavaScript HTML DOM]使用document物件，使用方法document.createAttribute()
• [JavaScript HTML DOM]使用document物件，使用方法document.createTextNode()
• [JavaScript HTML DOM]使用document物件，使用方法document.createElement()
• [JavaScript HTML DOM]使用document物件，使用方法document.createElement()及createTextNode()
• [JavaScript HTML DOM]使用document物件，使用屬性document.title
• [JavaScript HTML DOM]使用document物件，取得標題名稱，使用屬性document.title
• [JavaScript HTML DOM]使用document物件，使用屬性document.URL
• [JavaScript HTML DOM]使用document物件，使用屬性document.location
• [JavaScript HTML DOM]使用document物件，使用屬性document.documentElement
• [JavaScript HTML DOM]使用document物件，使用屬性document.documentElement用法之一
• [JavaScript HTML DOM]使用document物件，使用屬性document.documentURI
• [JavaScript HTML DOM]使用document物件，使用屬性document.forms
• [JavaScript HTML DOM]使用document物件，使用屬性document.forms用法之一
• [JavaScript HTML DOM]使用document物件，使用屬性document.inputEncoding
• [JavaScript HTML DOM]使用document物件，使用屬性document.images
• [JavaScript HTML DOM]使用document物件，使用屬性document.images用法之一
• [JavaScript HTML DOM]使用document物件，使用屬性document.activeElement
• [JavaScript HTML DOM]使用document物件，使用屬性document.cookie之一
• [JavaScript HTML DOM]使用document物件，使用屬性document.cookie之二
• [JavaScript HTML DOM]使用document物件，使用屬性document.cookie之三
• [JavaScript HTML DOM]使用document物件，使用屬性document.referrer

 

---

〥JavaScript 其它類〥

• [JavaScript]JavaScript過濾特別的字元
• [JavaScript]判斷瀏覽器類型
• [JavaScript-其它類]練習-找出1到10的奇數偶數