Yiru@Studio

實作兩層下拉選單

api:https://raw.githubusercontent.com/donma/TaiwanAddressCityAreaRoadChineseEnglishJSON/master/CityCountyData.json

1.substr()

2.substring()

1.字串取字元

2.數字取個位數

網頁Web-Javascript-處理物件{ }、陣列[ ]  (JSON資料)

1.建立物件{ }、陣列 [ ]

2.讀取(JSON)物件、陣列

3.實作

• 建立json檔:10筆學生資料，欄位:姓、名
• 讀取json檔讀資料，填入表格中 (使用for迴圈)
• 編號 |姓 | 名

4.JSON 資料是字串，讀出並寫入表格

網頁Web-Javascript-使用foreach迴圈抓取陣列並存入[清單]和[表格中]

1.javascript-使用foreach迴圈,讀取陣列變數值，存入清單中

2.javascript-使用foreach迴圈,讀取陣列變數值，存入表格中

1.抓取陣列總筆數

2.使用for迴圈抓取陣列

3.javascript-讀取陣列變數值，存入清單中

4.javascript-讀取陣列變數值，存入表格中

讀取陣列變數值，存入清單項目

1.物件類型 { }

• 建立物件類型{屬性1:值1,屬性2:值2,屬性3:值3 }
• 抓物件{ }裡面的值

2.陣列類型 [ ] 

• 建立陣列類型 [值1,值2,值3 ]
• 抓陣列整組資料
• 抓陣列[]裡面的值

3.#物件(object)與陣列(array)抓值方式

1.表單-使用者輸入單價、數量後，計算出總額

• 先建立HTML

2.建立兩個function()

1. 抓A值、B值的值
2. 計算A值*B值

文、意如

1.html-空值提示

2.javascript-空值提示

3.實作:讓使用者輸入數量1-10

• 3-1.空值提示:
  • 提示文字"輸入數量1-10"
• 3-2.使用者輸入正確(1-10)時:
  • 提示文字"OK"
• 3-3.使用者輸入不正確時:
  • 提示文字 "請輸入1-10"
• 3-4.輸入其他字串時:
  • 提示文字"無效數值"
• 3-5.數入大於10時
  • 提示文字"庫存量不足"

1.即時更新日期時間

2.客製化自己的日期時間

3.實作:客製化按鈕，使用function功能

[HTML]+[JQuery] 二維條碼 QRCode 製作

1.抓取目前標準時間

2.把抓到的標準日期時間顯示在網頁上

3.抓出 "年、月、日、時、分、秒"

4.顯示格式：

顯示日期時間：0000/00/00 下午4:33:41

顯示日期：0000/00/00

顯示時間：下午00:00:00

5.實作:

按鈕功能:

• 日期時間: 顯示標準時間
• 今天日期: 只抓年/月/日
• 現在時間: 只抓時/分/秒

1.Function()使用與呼叫

2.練習:點選計算按鈕，即可顯示計算結果

3.在javascript中使用變數

1.彈窗

2.運算式

3.開發者模式下看的提示訊息 (F12 -> console)

4.javascript執行先後順序

5.改變標籤中的文字

6.按下按鈕後才改變標籤的文字

7.引入javascript檔案

8.使用javascript寫html