網頁Web-Javascript-處理物件{ }、陣列[ ] (JSON資料)
1.建立物件{ }、陣列 [ ]
2.讀取(JSON)物件、陣列
3.實作
- 建立json檔:10筆學生資料，欄位:姓、名
- 讀取json檔讀資料，填入表格中 (使用for迴圈)
- 編號 |姓 | 名
4.JSON 資料是字串，讀出並寫入表格
2020-11-05
2020-11-05
網頁Web-Javascript-使用foreach迴圈抓取陣列並存入[清單]和[表格中]
網頁Web-Javascript-使用foreach迴圈抓取陣列並存入[清單]和[表格中]
1.javascript-使用foreach迴圈,讀取陣列變數值，存入清單中
2.javascript-使用foreach迴圈,讀取陣列變數值，存入表格中
2020-11-05
網頁Web-Javascript-使用for迴圈抓取陣列並存入[清單]和[表格中]
1.抓取陣列總筆數
2.使用for迴圈抓取陣列
3.javascript-讀取陣列變數值，存入清單中
4.javascript-讀取陣列變數值，存入表格中
2020-11-05
網頁Web-Javascript-讀取陣列變數值，存入清單項目
讀取陣列變數值，存入清單項目
2020-11-05
網頁Web-Javascript-物件(object)-{ }與陣列(array)-[] 的抓值方式
1.物件類型 { }
- 建立物件類型{屬性1:值1,屬性2:值2,屬性3:值3 }
- 抓物件{ }裡面的值
2.陣列類型 [ ]
- 建立陣列類型 [值1,值2,值3 ]
- 抓陣列整組資料
- 抓陣列[]裡面的值
3.#物件(object)與陣列(array)抓值方式
2020-11-03
網頁Web-Javascript-在function()中再呼叫其他function()
1.表單-使用者輸入單價、數量後，計算出總額
- 先建立HTML
2.建立兩個function()
- 抓A值、B值的值
- 計算A值*B值
2020-11-03
網頁Web-Javascript-表單-使用者輸入單價、數量後，計算出總額
文、意如
2020-11-03
網頁Web-Javascript-表單空值提示
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時
- 提示文字"庫存量不足"
2020-11-03
網頁Web-Javascript-即時更新日期時間
1.即時更新日期時間
2.客製化自己的日期時間
3.實作:客製化按鈕，使用function功能
2020-11-03
網頁Web-[HTML]+[JQuery] 二維條碼 QRCode 製作
[HTML]+[JQuery] 二維條碼 QRCode 製作
2020-10-29
網頁Web-Javascript-日期、時間，Date() 使用方式
1.抓取目前標準時間
2.把抓到的標準日期時間顯示在網頁上
3.抓出 "年、月、日、時、分、秒"
4.顯示格式：
顯示日期時間：0000/00/00 下午4:33:41
顯示日期：0000/00/00
顯示時間：下午00:00:00
5.實作:
按鈕功能:
- 日期時間: 顯示標準時間
- 今天日期: 只抓年/月/日
- 現在時間: 只抓時/分/秒
2020-10-29
網頁Web-Javascript-Function()使用與呼叫
1.Function()使用與呼叫
2.練習:點選計算按鈕，即可顯示計算結果
3.在javascript中使用變數
2020-10-29
網頁Web-Javascript-基礎篇
1.彈窗
2.運算式
3.開發者模式下看的提示訊息 (F12 -> console)
4.javascript執行先後順序
5.改變標籤中的文字
6.按下按鈕後才改變標籤的文字
7.引入javascript檔案
8.使用javascript寫html
2020-10-27
網頁Web-CSS-選擇器 (行內樣式、類別樣式、ID樣式、標籤樣式、串接樣式表)
網頁Web-認識CSS篇
1.行內樣式
2.類別樣式(Class)
3.ID樣式(ID)
4.標籤樣式(<HTML>)
5.CSS套用優先權
串接樣式表
2020-10-22
網頁Web-HTML-表單篇
HTML-表單篇