內容簡介
《JavaScript從入門到精通(微視頻精編版)》淺顯易懂,實例豐富,詳細介紹了JavaScript開發需要掌握的各類實戰知識。全書分為兩冊:核心技術分冊和強化訓練分冊。核心技術分冊共20章,包括JavaScript簡介、JavaScript語言基礎、JavaScript基本語句、函式、自定義對象、常用內部對象、數組、String對象、JavaScript事件處理、文檔對象、表單對象、圖像對象、文檔對象模型(DOM)、Window視窗對象、Ajax技術、jQuery基礎、jQuery控制頁面、jQuery事件處理、jQuery動畫效果和365影視網站設計等內容。通過學習,讀者可快速開發出一些中小型應用程式。強化訓練分冊共18章,通過大量源於實際生活的趣味案例,強化上機實踐,拓展和提升JavaScript開發中對實際問題的分析與解決能力。
圖書目錄
強化訓練分冊
第1 章 JavaScript 語言基礎 1
套用技能拓展學習 1
1.套用if…else 語句實現判斷 1
2.Date 對象 2
3.常用轉義字元 2
4.String 對象 3
5.parseInt()函式 5
6.toString()方法 5
7.random()方法 6
實戰技能強化訓練 6
訓練一:基本功強化訓練 6
1.輸出俄羅斯國土面積 6
2.輸出《將進酒》中的詩句 6
3.輸出香蕉的價格 6
4.輸出張無忌個人信息 7
5.判斷英語成績是否及格 7
6.計算存款本息合計 7
7.計算員工的實際收入 7
訓練二:實戰能力強化訓練 7
8.輸出《九陽神功》口訣 7
9.輸出自動櫃員機客戶憑條 7
10.輸出流量使用情況 8
11.判斷顧客是否可獲得返現優惠 8
12.判斷當前年份是否是閏年 8
13.判斷2020 年2 月的天數 9
14.對數字進行四捨五入 9
15.輸出兩個隨機數的最大值 9
第2 章 JavaScript 基本語句 10
套用技能拓展學習 10
1.getMonth()方法 10
2.getDay()方法 11
3.Number()函式 11
4.round()方法 12
5.函式的定義和調用 12
6.獲取文本框的值 13
7.floor()方法. 13
8.confirm()方法 14
9.prompt()方法 14
10.getElementById()方法 15
11.innerHTML 屬性 15
實戰技能強化訓練 15
訓練一:基本功強化訓練 15
1.獲取3 個數字中的最小值 15
2.判斷身體質量指數 16
3.判斷當前季節 16
4.輸出員工每年的工資情況 16
5.循環輸出年份和月份 16
6.計算1~1000 以內26 的倍數之和 17
7.判斷當前月份的天數 17
訓練二:實戰能力強化訓練 17
8.顯示數字對應的星期 17
9.輸出數字圖案 17
10.輸出由“*”組成的三角形 18
11.獲取滿足條件的三位數 18
12.計算兩個一位整數相加的結果 18
13.檢測空氣品質狀況 19
14.輸出5 行6 列的表格 19
第3 章 函式 20
套用技能拓展學習 20
1.事件屬性 20
2.style 對象簡介 22
3.ceil()方法 24
4.getElementsByName()方法 24
5.focus()方法 25
實戰技能強化訓練 26
訓練一:基本功強化訓練 26
1.輸出收貨地址 26
2.輸出商品信息 26
3.獲取3 個數字的最小值 26
4.計算數字的平方 26
5.輸出自定義的表格 27
6.判斷遊客需要購買哪種門票 27
7.判斷顧客是否可以享受優惠活動 28
8.計算兩個數的最大公約數 28
訓練二:實戰能力強化訓練 28
9.設定對話框的框線樣式 28
10.判斷指定年份和月份的天數 29
11.模擬抽獎遊戲 29
12.輸出1000 以內能同時被6 和9 整除的正整數 29
13.實現簡易加減乘除運算 30
14.模擬用戶登錄 30
第4 章 自定義對象 31
套用技能拓展學習 31
1.JavaScript 數組 31
2.Date 對象的4 個方法 32
3.為元素綁定onclick 事件 33
4.onload 事件 34
實戰技能強化訓練 34
訓練一:基本功強化訓練 34
1.輸出歌曲信息 34
2.輸出影片信息 34
3.輸出高考成績表 35
4.輸出人物信息 35
5.輸出購物車信息 35
6.輸出球員信息 35
7.輸出當前的日期和時間 36
8.輸出手機基本信息 36
訓練二:實戰能力強化訓練 36
9.生成指定行數、列數的表格 36
10.實現用戶登錄 37
11.輸出東北三省各省會城市旅遊景點 37
12.輸出員工工資條 38
13.隨機生成指定位數的驗證碼 38
第5 章 常用內部對象 39
套用技能拓展學習 39
1.String 對象中的3 個方法 39
2.setTimeout()方法 40
3.setInterval()方法和clearInterval()方法 41
4.Radio 對象 42
實戰技能強化訓練 42
訓練一:基本功強化訓練 42
1.生成指定位數的隨機數 42
2.獲取當前日期時間 43
3.全中文顯示日期 43
4.高考倒計時 43
5.計時器 43
6.節日提示 44
7.實時顯示系統時間 44
8.商品搶購倒計時 44
訓練二:實戰能力強化訓練 44
9.生成隨機字元串 44
10.猜數字大小 44
11.計算從出生到現在度過的時間 45
12.計算兩個日期之間的間隔小時數 45
13.數字時鐘 45
14.生日提醒器 46
第6 章 數組 47
套用技能拓展學習 47
1.filter()方法. 47
2.match()方法.. 48
3.String 對象的length 屬性 48
4.reduce()方法 48
實戰技能強化訓練 49
訓練一:基本功強化訓練 49
1.輸出體育賽事導航 49
2.輸出個人信息 49
3.輸出高考成績 49
4.輸出公交信息 50
5.過濾圖書信息 50
6.輸出節目組成員名稱 50
7.輸出列車途經站 50
8.計算一個日期是所在年份的第幾天 51
訓練二:實戰能力強化訓練 51
9.輸出購物車商品信息 51
10.按降序排列高考成績 51
11.輸出2018 年內地電影票房排行榜 52
12.手機銷量升序排列 52
13.實現文字的霓虹燈效果 52
14.統計超市收銀小票的合計金額 53
第7 章 String 對象 54
套用技能拓展學習 54
1.className 屬性 54
2.charCodeAt()方法 54
3.fromCharCode()方法 55
4.replace()方法 55
實戰技能強化訓練 56
訓練一:基本功強化訓練 56
1.按書名字數分類書籍 56
2.判斷密碼長度是否符合要求 56
3.逐個點亮文字效果 56
4.驗證信箱地址的格式 57
5.獲取139 信箱中的手機號 57
6.輸出商品信息 57
訓練二:實戰能力強化訓練 57
7.小寫金額轉換為大寫金額 57
8.檢索通訊錄 58
9.文字加密及解密 58
10.文字打字效果 59
11.貨幣數據的格式化輸出 59
12.限制輸入字元串的長度 59
13.去除字元串中的空格 60
第8 章 JavaScript 事件處理 61
套用技能拓展學習 61
1.paddingLeft 屬性 61
2.getElementsByClassName()方法 61
3.getElementsByTagName()方法 62
4.dispatchEvent()方法 62
5.offsetLeft、offsetTop、offsetWidth、
offsetHeight 屬性 62
6.clientWidth、clientHeight 屬性 63
7.nodeName 屬性 63
8.trycatch 語句 63
實戰技能強化訓練 64
訓練一:基本功強化訓練 64
1.輸出用戶的出生年月 64
2.為圖片添加和去除框線 64
3.統計單擊按鈕的次數 64
4.重置表單時彈出提示 64
5.抽屜風格的滑出選單 65
6.實現高亮顯示的橫嚮導航選單 65
7.處理鍵盤按鍵回響事件 65
訓練二:實戰能力強化訓練 66
8.為圖片添加和移除模糊效果 66
9.二級聯動選單 66
10.製作進度條 66
11.可以被隨意拖動的網頁廣告 67
12.模仿影視網站星級評分功能 67
13.自動彈出廣告 68
14.簡單計算器 68
第9 章 文檔對象 69
套用技能拓展學習 69
1.appendChild()方法 69
2.Window 對象的open()方法 70
3.Document 對象的事件. 70
實戰技能強化訓練 71
訓練一:基本功強化訓練 71
1.設定超連結文字顏色 71
2.設定文本顏色 71
3.簡單文字變色 71
4.更換頁面主題 71
5.獲取當前檔案名稱 72
6.輸出古詩 72
7.生成連結 72
訓練二:實戰能力強化訓練 73
8.圖片對話框 73
9.打開新視窗並輸出內容 73
10.設定彈出視窗的遮罩效果 73
11.選擇用戶頭像 74
12.滑鼠移動文字 74
第10 章 表單對象 75
套用技能拓展學習 75
1.backgroundColor 屬性 75
2.cursor 屬性 76
實戰技能強化訓練 76
訓練一:基本功強化訓練 76
1.自動計算保證金額 76
2.限制多行文本域輸入的字元個數 77
3.調整多行文本框的寬度和高度 78
4.通過單選按鈕控制其他表單元素是否可用 78
5.不提交表單獲取複選框的值 78
6.選擇職位 78
7.遍歷多選下拉列表 79
訓練二:實戰能力強化訓練 79
8.輸入取票碼取票 79
9.切換註冊按鈕的狀態 80
10.根據選擇的證件類型判斷證件號碼 81
11.控制複選框的全選或全不選 81
12.二級聯動選單選擇省市 81
13.自動提交表單 82
第11 章 圖像對象 83
套用技能拓展學習 83
1.onwheel 事件 83
2.zoom 屬性 83
3.querySelector()方法 84
4.querySelectorAll()方法 84
5.scrollLeft、scrollTop 屬性 84
實戰技能強化訓練 85
訓練一:基本功強化訓練 85
1.調整圖片大小 85
2.切換表情圖片 85
3.實現圖片的放大顯示 86
4.改變圖片獲取焦點時的狀態 86
5.定時隱藏圖片 86
6.在列表中選擇頭像 86
訓練二:實戰能力強化訓練 87
7.模擬畫圖軟體調整圖片大小 87
8.通過滑鼠滾輪放大縮小圖片 87
9.圖片漸隱漸現效果 88
10.圖片放大鏡效果 88
11.改變形狀的圖片 89
12.圖片無間斷循環滾動效果 89
13.實現圖片輪播功能 89
14.實現隨意擺放的照片牆 90
第12 章 文檔對象模型(DOM) 91
套用技能拓展學習 91
1.hasChildNodes()方法 91
2.range 類型的input 元素 91
3.insertRow()方法和insertCell()方法 92
實戰技能強化訓練 93
訓練一:基本功強化訓練 93
1.交換元素的位置 93
2.添加古詩的作者和名稱 93
3.刪除指定編號的影片 93
4.通過下拉選單選擇表情 94
5.RGB 顏色調色器 94
6.選擇出生日期 94
7.依次顯示圖片 95
訓練二:實戰能力強化訓練 95
8.向手機價格表中添加記錄 95
9.複製單選按鈕 96
10.刪除指定編號的記錄 96
11.開心小農場 96
12.歌曲置頂和刪除 97
13.簡潔選項卡切換 97
14.虛擬數字鍵盤 98
第13 章 Window 視窗對象 99
套用技能拓展學習 99
1.documentElement 屬性 99
2.marginLeft 屬性 100
3.marginTop 屬性 100
實戰技能強化訓練 101
訓練一:基本功強化訓練 101
1.播放歌曲許可權設定 101
2.打開登錄或註冊視窗 101
3.實現可自動關閉的廣告視窗 102
4.下降式視窗 102
5.圖片總置於頂端 102
6.定時打開和關閉視窗 103
7.圖片間斷滾動效果 103
訓練二:實戰能力強化訓練 104
8.刪除訂單信息 104
9.2012 年奧運會舉辦城市問答 104
10.以圓形軌跡移動的子視窗 105
11.設定視窗的震動效果 105
12.單擊火箭圖片返回頂部 106
13.廣告始終居中顯示 106
14.影片信息向上滾動 107
第14 章 Ajax 技術 108
套用技能拓展學習 108
1.XML 簡介 108
2.XML 中的documentElement 屬性 109
3.JSON.parse()方法 109
實戰技能強化訓練 110
訓練一:基本功強化訓練 110
1.金庸小說問題測試 110
2.查看企業信息 110
3.實現切換文字的橫向選項卡 110
4.檢測註冊用戶名是否被使用 111
訓練二:實戰能力強化訓練 111
5.輸出名人名言 111
6.查看員工信息 112
7.檢測用戶登錄 112
8.檢索手機信息 113
第15 章 jQuery 基礎 114
套用技能拓展學習 114
1.jQuery 中的事件 114
2.val()方法 115
3.css()方法 116
4.addClass()方法 117
5.removeClass()方法 117
6.hasClass()方法 118
7.hover()方法 118
8.prop()方法 119
9.each()方法 119
10.attr()方法 119
11.removeAttr()方法 120
實戰技能強化訓練 120
訓練一:基本功強化訓練 120
1.通過下拉選單設定文本顏色 120
2.設定圖片的框線 121
3.設定輸入框樣式 121
4.設定元素不透明度 121
5.描紅顯示指定文本 121
6.為指定圖片添加框線 122
7.設定詩句的樣式 122
8.顯示選擇的酒店類型 122
訓練二:實戰能力強化訓練 122
9.表格行動態換色 122
10.套用虛線分隔商城公告標題 123
11.將圖書列表中指定書名設定為紅色. 123
12.複選框的全選、反選和全不選 123
13.設定按鈕是否可用 123
14.獲取用戶個人信息 124
15.實現文本逐字旋轉效果 124
第16 章 jQuery 控制頁面 125
套用技能拓展學習 125
1.prevAll()方法 125
2.nextAll()方法 125
3.children()方法 126
4.siblings()方法 127
5.parent()方法 127
6.next()方法 128
7.height()方法 128
8.index()方法 129
實戰技能強化訓練 130
訓練一:基本功強化訓練 130
1.添加影片名稱 130
2.判斷註冊用戶名是否符合要求 130
3.為單選按鈕和下拉列表設定默認值 131
4.向列表中添加影片名稱 131
5.刪除指定編號的圖書 131
6.切換表情圖片 132
7.實現星級評分條 132
訓練二:實戰能力強化訓練 132
8.模擬點歌系統 132
9.按等級顯示評分結果 132
10.柱形圖顯示投票結果 133
11.紅心按鈕點讚動畫特效 134
12.切換新聞類別選項卡 134
13.選項卡滑動切換效果 135
14.橫嚮導航選單 135
第17 章 jQuery 事件處理 136
套用技能拓展學習 136
1.on()方法 136
2.off()方法 136
3.find()方法 137
4.is()方法 138
5.mouseenter()方法 138
6.mouseleave()方法 139
7.contextmenu()方法 139
8.width()方法 140
9.offset()方法 140
10.$.each()方法 141
11.DOMNodeInserted 和DOMNodeRemoved事件 141
實戰技能強化訓練 141
訓練一:基本功強化訓練 141
1.判斷註冊信箱格式 141
2.改變圖片不透明度 142
3.驗證用戶登錄信息是否為空 142
4.限制用戶輸入字數 143
5.實現文字變色和放大 143
6.設定導航選單樣式 143
訓練二:實戰能力強化訓練 143
7.實現星級打分特效 143
8.切換商品類別的選項卡 144
9.自定義右鍵選單 144
10.可拖動的導航選單 145
11.多級級聯選單 145
12.虛擬支付鍵盤 145
13.模擬鍵盤打字高亮動畫特效 146
第18 章 jQuery 動畫效果 147
套用技能拓展學習 147
1.scrollTop()方法 147
2.scroll()方法 148
實戰技能強化訓練 149
訓練一:基本功強化訓練 149
1.單擊箭頭圖示返回頂部 149
2.自動彈出線上客服列表 150
3.實現切換圖片的縱向選項卡 150
4.右側滑動客服選單 150
5.步驟選項卡 151
6.懸浮在右側的QQ 線上客服列表 151
7.上下捲簾動畫效果 152
訓練二:實戰能力強化訓練 152
8.彈出分享對話框 152
9.辯論結果實時顯示動畫 153
10.模擬老虎機滾動抽獎效果 153
11.滑動切換圖片選項卡 154
12.帶切換動畫的弧形選單 154
13.模擬微信彈出選單 154
14.模擬微信輸入支付密碼 155
答案提示 156