JavaScript前端開發(fā)程序設(shè)計(jì)項(xiàng)目式教程(微課版)(第2版)
定 價(jià):59.8 元
當(dāng)前圖書已被 12 所學(xué)校薦購(gòu)過(guò)!
查看明細(xì)
- 作者:李玉臣 臧金梅
- 出版時(shí)間:2022/6/1
- ISBN:9787115582119
- 出 版 社:人民郵電出版社
- 中圖法分類:TP312.8
- 頁(yè)碼:0
- 紙張:
- 版次:02
- 開本:16開
JavaScript是一種廣泛應(yīng)用于Web前端開發(fā)的腳本語(yǔ)言,能夠?yàn)榫W(wǎng)頁(yè)添加各式各樣的動(dòng)態(tài)效果,為用戶提供流暢、美觀的瀏覽效果,具有簡(jiǎn)單、易學(xué)的特點(diǎn)。
為了加深讀者對(duì)知識(shí)的理解,本書采用項(xiàng)目驅(qū)動(dòng)教學(xué)的思路編寫,內(nèi)容包括9個(gè)小項(xiàng)目和1個(gè)綜合項(xiàng)目:抽獎(jiǎng)頁(yè)面——初識(shí)JavaScript、體脂率計(jì)算器——JavaScript程序設(shè)計(jì)基礎(chǔ)、猜數(shù)字游戲——JavaScript流程控制、計(jì)算個(gè)人所得稅——JavaScript?函數(shù)、畢業(yè)倒計(jì)時(shí)——JavaScript?對(duì)象、商品放大鏡——DOM對(duì)象、故宮輪播圖——BOM對(duì)象、滑塊驗(yàn)證碼——事件和事件處理、異步獲取用戶信息——AJAX技術(shù)、綜合項(xiàng)目——學(xué)生成績(jī)查詢。各個(gè)項(xiàng)目通過(guò)情境導(dǎo)入引出教學(xué)核心內(nèi)容,明確教學(xué)任務(wù)。本書在全面系統(tǒng)地講解知識(shí)的基礎(chǔ)上,配備精彩的任務(wù)實(shí)踐,有助于讀者對(duì)知識(shí)的理解。
本書可以作為普通高等學(xué)校、高職高專院校計(jì)算機(jī)相關(guān)專業(yè)的教材,也可以作為JavaScript愛好者及相關(guān)技術(shù)人員自學(xué)的參考資料。
1.一線任課教師執(zhí)筆,深刻理解教學(xué)實(shí)際。
2.重視實(shí)踐動(dòng)手能力,隨堂案例數(shù)量多,并增加綜合案例。
3.增加“1+x”考試中必須的ES6新技術(shù)、jQuery、Ajax案例
4.融入課程思政元素
李玉臣老師,濰坊職業(yè)學(xué)院產(chǎn)學(xué)研合作辦公室主任,濰坊金貝爾軟件工程有限公司前端開發(fā)技術(shù)首席顧問(wèn),校企合作軟件開發(fā)專業(yè)負(fù)責(zé)人,Web前端開發(fā)技術(shù)JavaScript課程開發(fā)者,Web前端開發(fā)教學(xué)資源庫(kù)主持人,教育部首批“1+X”Web前端開發(fā)職業(yè)技能等級(jí)證書試點(diǎn)學(xué)院負(fù)責(zé)人。
項(xiàng)目1
抽獎(jiǎng)頁(yè)面——初識(shí)JavaScript 1
情境導(dǎo)入 1
項(xiàng)目目標(biāo)(含思政元素) 1
知識(shí)儲(chǔ)備 2
任務(wù)1.1 認(rèn)識(shí)JavaScript 2
1.1.1 JavaScript的發(fā)展概況和特點(diǎn) 2
1.1.2 JavaScript的應(yīng)用場(chǎng)景 4
【任務(wù)實(shí)踐1-1】簡(jiǎn)單JavaScript——認(rèn)識(shí)JavaScript 5
任務(wù)1.2 開啟JavaScript編程 6
1.2.1 支持JavaScript的瀏覽器 6
1.2.2 代碼編輯器 6
1.2.3 JavaScript在HTML中的應(yīng)用 6
【任務(wù)實(shí)踐1-2】希望你可以努力成為自己想要的樣子——內(nèi)嵌式 7
1.2.4 JavaScript常用的輸入輸出方式 9
【任務(wù)實(shí)踐1-3】歡迎學(xué)習(xí)JavaScript——簡(jiǎn)單輸入輸出 10
1.2.5 JavaScript的注釋 10
項(xiàng)目分析 11
項(xiàng)目實(shí)施 11
項(xiàng)目實(shí)訓(xùn)——輸出個(gè)人信息 13
小結(jié) 14
拓展閱讀——阿特伍德定律 14
習(xí)題 14
項(xiàng)目2
體脂率計(jì)算器——JavaScript程序設(shè)計(jì)基礎(chǔ) 15
情境導(dǎo)入 15
項(xiàng)目目標(biāo)(含思政元素) 16
知識(shí)儲(chǔ)備 16
任務(wù)2.1 使用變量 16
2.1.1 標(biāo)識(shí)符 16
2.1.2 關(guān)鍵字和保留字 16
2.1.3 變量的命名 17
2.1.4 變量的聲明和賦值 18
【任務(wù)實(shí)踐2-1】求圓的周長(zhǎng)——var和const 19
2.1.5 變量的類型 20
【任務(wù)實(shí)踐2-2】輸出課程成績(jī)——變量聲明和變量賦值 20
2.1.6 變量的作用域 21
任務(wù)2.2 認(rèn)識(shí)數(shù)據(jù)類型 21
2.2.1 數(shù)據(jù)類型分類 21
2.2.2 基本數(shù)據(jù)類型 21
2.2.3 引用數(shù)據(jù)類型 22
2.2.4 特殊數(shù)據(jù)類型 22
2.2.5 數(shù)據(jù)類型判斷 24
【任務(wù)實(shí)踐2-3】測(cè)試變量類型——
typeof 24
2.2.6 數(shù)據(jù)類型轉(zhuǎn)換 25
任務(wù)2.3 使用運(yùn)算符 26
2.3.1 算術(shù)運(yùn)算符 27
【任務(wù)實(shí)踐2-4】計(jì)算賬單金額——
算術(shù)運(yùn)算符 27
2.3.2 關(guān)系運(yùn)算符 28
【任務(wù)實(shí)踐2-5】比較兩個(gè)數(shù)的大小——
關(guān)系運(yùn)算符 28
2.3.3 賦值運(yùn)算符 29
【任務(wù)實(shí)踐2-6】變量賦值——
賦值運(yùn)算符 30
2.3.4 邏輯運(yùn)算符 31
【任務(wù)實(shí)踐2-7】判斷某年是否為閏年——邏輯運(yùn)算符 31
2.3.5 條件運(yùn)算符 32
【任務(wù)實(shí)踐2-8】判斷是否成年——
條件運(yùn)算符 32
2.3.6 位操作運(yùn)算符 32
【任務(wù)實(shí)踐2-9】交換兩個(gè)變量的值——
位操作運(yùn)算符 33
2.3.7 運(yùn)算符優(yōu)先級(jí) 34
任務(wù)2.4 認(rèn)識(shí)表達(dá)式 34
【任務(wù)實(shí)踐2-10】人民幣和美元換算——
表達(dá)式 34
項(xiàng)目分析 35
項(xiàng)目實(shí)施 35
項(xiàng)目實(shí)訓(xùn)——驗(yàn)證用戶輸入的密碼 35
小結(jié) 36
擴(kuò)展閱讀——symbol類型 36
習(xí)題 37
項(xiàng)目3
猜數(shù)字游戲——JavaScript流程
控制 39
情境導(dǎo)入 39
項(xiàng)目目標(biāo)(含思政元素) 40
知識(shí)儲(chǔ)備 40
任務(wù)3.1 認(rèn)識(shí)流程控制 40
【任務(wù)實(shí)踐3-1】顯示個(gè)人信息——
順序結(jié)構(gòu) 40
任務(wù)3.2 使用分支結(jié)構(gòu) 41
3.2.1 單分支結(jié)構(gòu)(if語(yǔ)句) 41
3.2.2 雙分支結(jié)構(gòu)(if…else語(yǔ)句) 42
【任務(wù)實(shí)踐3-2】判斷最大值——雙分支
語(yǔ)句 42
3.2.3 分支結(jié)構(gòu)(if…else語(yǔ)句)嵌套 43
【任務(wù)實(shí)踐3-3】評(píng)定成績(jī)等級(jí)——分支
結(jié)構(gòu)嵌套 44
3.2.4 多分支結(jié)構(gòu)(if…else if…else
語(yǔ)句) 45
【任務(wù)實(shí)踐3-4】分時(shí)問(wèn)候——多分支
結(jié)構(gòu) 47
3.2.5 多分支結(jié)構(gòu)(switch語(yǔ)句) 48
【任務(wù)實(shí)踐3-5】判斷今天是星期幾——switch語(yǔ)句 50
任務(wù)3.3 使用循環(huán)結(jié)構(gòu) 51
3.3.1 while循環(huán)語(yǔ)句 51
【任務(wù)實(shí)踐3-6】求1到100的奇數(shù)累加和
——while循環(huán) 52
3.3.2 do…while循環(huán)語(yǔ)句 53
【任務(wù)實(shí)踐3-7】求1到100的偶數(shù)累加和——do…while循環(huán) 53
3.3.3 for循環(huán)語(yǔ)句 54
【任務(wù)實(shí)踐3-8】求1到100的累加和——for循環(huán) 54
3.3.4 循環(huán)語(yǔ)句嵌套 55
【任務(wù)實(shí)踐3-9】輸出直角三角形圖案——循環(huán)嵌套語(yǔ)句 55
3.3.5 break和continue語(yǔ)句 56
【任務(wù)實(shí)踐3-10】數(shù)值累加——continue和break 56
項(xiàng)目分析 57
項(xiàng)目實(shí)施 58
項(xiàng)目實(shí)訓(xùn)——答題小游戲 59
小結(jié) 60
擴(kuò)展閱讀——其他for循環(huán)語(yǔ)句 60
習(xí)題 61
項(xiàng)目4
計(jì)算個(gè)人所得稅——JavaScript
函數(shù) 62
情境導(dǎo)入 62
項(xiàng)目目標(biāo)(含思政元素) 63
知識(shí)儲(chǔ)備 63
任務(wù)4.1 認(rèn)識(shí)函數(shù) 63
【任務(wù)實(shí)踐4-1】輸出個(gè)人信息——函數(shù)的
應(yīng)用 63
任務(wù)4.2 使用預(yù)定義函數(shù) 64
4.2.1 消息對(duì)話框函數(shù) 64
【任務(wù)實(shí)踐4-2】新學(xué)期寄語(yǔ)——警示
對(duì)話框 65
【任務(wù)實(shí)踐4-3】確定詩(shī)句作者——確認(rèn)
對(duì)話框 65
【任務(wù)實(shí)踐4-4】詩(shī)詞對(duì)答——提示
對(duì)話框 66
4.2.2 數(shù)值處理函數(shù) 67
【任務(wù)實(shí)踐4-5】判斷數(shù)據(jù)是否為數(shù)字——
isNaN()函數(shù) 68
【任務(wù)實(shí)踐4-6】格式化數(shù)據(jù)——
parseFloat()和parseInt()函數(shù) 68
4.2.3 字符串處理函數(shù) 69
【任務(wù)實(shí)踐4-7】計(jì)算表達(dá)式的值——
eval()函數(shù) 70
任務(wù)4.3 使用自定義函數(shù) 70
4.3.1 聲明自定義函數(shù) 71
【任務(wù)實(shí)踐4-8】計(jì)算商品總價(jià)——函數(shù)
定義 71
4.3.2 調(diào)用自定義函數(shù) 72
【任務(wù)實(shí)踐4-9】計(jì)算商品總價(jià)——使用
函數(shù)名調(diào)用函數(shù) 72
【任務(wù)實(shí)踐4-10】計(jì)算商品總價(jià)——使用
超鏈接調(diào)用函數(shù) 73
4.3.3 函數(shù)的參數(shù)和返回值 74
【任務(wù)實(shí)踐4-11】計(jì)算任意商品總價(jià)——
有參函數(shù) 74
【任務(wù)實(shí)踐4-12】求兩個(gè)數(shù)的最大數(shù)——
return語(yǔ)句 75
4.3.4 函數(shù)變量的作用域 77
【任務(wù)實(shí)踐4-13】輸出變量的值——變量
的作用域 77
4.3.5 函數(shù)的嵌套 78
【任務(wù)實(shí)踐4-14】求1+(1+2)+(1+2+3)+…+(1+2+…+n)的值——函數(shù)嵌套
78
任務(wù)4.4 運(yùn)用函數(shù)進(jìn)階 79
4.4.1 函數(shù)表達(dá)式 79
4.4.2 匿名函數(shù) 80
4.4.3 箭頭函數(shù) 80
【任務(wù)實(shí)踐4-15】使用箭頭函數(shù)實(shí)現(xiàn)不同
層數(shù)的三角形圖案——箭頭函數(shù)
81
項(xiàng)目分析 82
項(xiàng)目實(shí)施 82
項(xiàng)目實(shí)訓(xùn)——簡(jiǎn)易計(jì)算器 83
小結(jié) 84
擴(kuò)展閱讀——Java Script中的閉包函數(shù)
84
習(xí)題 85
項(xiàng)目5
畢業(yè)倒計(jì)時(shí)——JavaScript對(duì)象
87
情境導(dǎo)入 87
項(xiàng)目目標(biāo)(含思政元素) 87
知識(shí)儲(chǔ)備 88
任務(wù)5.1 認(rèn)識(shí)對(duì)象 88
5.1.1 認(rèn)識(shí)面向過(guò)程與面向?qū)ο蟆 ?8
【任務(wù)實(shí)踐5-1】模擬洗衣機(jī)洗衣服——
面向過(guò)程 88
【任務(wù)實(shí)踐5-2】模擬洗衣機(jī)洗衣服——
面向?qū)ο蟆 ?9
5.1.2 對(duì)象的基本概念 90
5.1.3 JavaScript的對(duì)象框架 92
任務(wù)5.2 使用內(nèi)置對(duì)象 92
5.2.1 Object對(duì)象類 93
5.2.2 Date對(duì)象類 93
【任務(wù)實(shí)踐5-3】顯示指定格式日期——
Date對(duì)象方法 95
【任務(wù)實(shí)踐5-4】計(jì)算已經(jīng)度過(guò)的時(shí)光——getTime()方法 96
5.2.3 String對(duì)象類 97
【任務(wù)實(shí)踐5-5】提取數(shù)字——charAt()
方法 99
【任務(wù)實(shí)踐5-6】將字符串反向并轉(zhuǎn)換為大寫
形式——toUpperCase()方法 102
5.2.4 Array對(duì)象類 105
【任務(wù)實(shí)踐5-7】輸出今天是星期幾——
Array對(duì)象 107
【任務(wù)實(shí)踐5-8】輸出十二生肖——
for循環(huán) 109
【任務(wù)實(shí)踐5-9】輸出十二生肖——
for…in語(yǔ)句 110
【任務(wù)實(shí)踐5-10】數(shù)組連接——concat()
方法 111
【任務(wù)實(shí)踐5-11】數(shù)組元素升序排序——sort()方法 113
5.2.5 Math對(duì)象類 114
【任務(wù)實(shí)踐5-12】計(jì)算圓的面積——Math對(duì)象屬性 114
【任務(wù)實(shí)踐5-13】求圓周率的4次方——Math.round()方法 115
【任務(wù)實(shí)踐5-14】模擬抽獎(jiǎng)過(guò)程——Math.random()方法 116
5.2.6 Number對(duì)象類 117
【任務(wù)實(shí)踐5-15】輸出JavaScript能夠處理的數(shù)值區(qū)間——Number對(duì)象 117
任務(wù)5.3 使用自定義對(duì)象 118
5.3.1 通過(guò)Object對(duì)象創(chuàng)建對(duì)象 118
【任務(wù)實(shí)踐5-16】創(chuàng)建對(duì)象——Object
對(duì)象類 119
5.3.2 通過(guò)字面量對(duì)象創(chuàng)建對(duì)象 119
【任務(wù)實(shí)踐5-17】創(chuàng)建對(duì)象——字面量
對(duì)象 119
5.3.3 通過(guò)構(gòu)造函數(shù)創(chuàng)建對(duì)象 120
【任務(wù)實(shí)踐5-18】創(chuàng)建對(duì)象——構(gòu)造函數(shù)
123
5.3.4 通過(guò)Function對(duì)象定義方法 124
【任務(wù)實(shí)踐5-19】創(chuàng)建方法——顯示創(chuàng)建Function對(duì)象 125
【任務(wù)實(shí)踐5-20】創(chuàng)建方法——隱式創(chuàng)建Function對(duì)象 126
5.3.5 通過(guò)原型對(duì)象定義方法 126
【任務(wù)實(shí)踐5-21】訪問(wèn)共享方法——原型
對(duì)象 126
5.3.6 通過(guò)for…in語(yǔ)句訪問(wèn)對(duì)象的屬性
127
【任務(wù)實(shí)踐5-22】遍歷對(duì)象的屬性——
for…in語(yǔ)句 127
5.3.7 通過(guò)with語(yǔ)句訪問(wèn)對(duì)象的屬性
和方法 128
【任務(wù)實(shí)踐5-23】輸出當(dāng)前日期——with
語(yǔ)句 129
5.3.8 繼承 129
【任務(wù)實(shí)踐5-24】子類擁有父類的屬性和
方法——繼承 130
項(xiàng)目分析 131
項(xiàng)目實(shí)施 131
項(xiàng)目實(shí)訓(xùn)——模擬隨機(jī)選人 133
小結(jié) 133
擴(kuò)展閱讀——ES6新增面向?qū)ο蟆 ?34
習(xí)題 134
項(xiàng)目6
商品放大鏡——DOM對(duì)象 136
情境導(dǎo)入 136
項(xiàng)目目標(biāo)(含思政元素) 137
知識(shí)儲(chǔ)備 137
任務(wù)6.1 認(rèn)識(shí)DOM對(duì)象 137
6.1.1 DOM概述 137
6.1.2 核心DOM 137
【任務(wù)實(shí)踐6-1】枚舉Node對(duì)象——
核心DOM對(duì)象 138
6.1.3 Document對(duì)象 139
任務(wù)6.2 認(rèn)識(shí)HTML DOM 139
6.2.1 DOM樹 139
6.2.2 HTML DOM節(jié)點(diǎn)類型 140
【任務(wù)實(shí)踐6-2】節(jié)點(diǎn)類型——HTML
DOM節(jié)點(diǎn)類型 140
6.2.3 HTML DOM對(duì)象分類 141
任務(wù)6.3 操作元素 142
6.3.1 獲取HTML文檔元素 142
【任務(wù)實(shí)踐6-3】顯示實(shí)時(shí)時(shí)間——document.getElementById()
方法 143
6.3.2 獲取元素的集合對(duì)象 145
【任務(wù)實(shí)踐6-4】顯示文檔的所有標(biāo)簽——DOM集合對(duì)象 145
【任務(wù)實(shí)踐6-5】全選購(gòu)物車商品——document.querySelectorAll()
方法 147
6.3.3 改變?cè)貥邮健 ?47
【任務(wù)實(shí)踐6-6】隔行換色——設(shè)置元素
樣式 148
6.3.4 改變?cè)貎?nèi)容 149
【任務(wù)實(shí)踐6-7】顯示當(dāng)前日期和時(shí)間——innerHTML、innerText和textContent 150
6.3.5 改變?cè)匚恢煤痛笮 ?51
【任務(wù)實(shí)踐6-8】商品放大鏡的移動(dòng)——offset系列屬性 152
任務(wù)6.4 操作節(jié)點(diǎn) 154
6.4.1 節(jié)點(diǎn)關(guān)系 154
6.4.2 創(chuàng)建和添加節(jié)點(diǎn) 158
【任務(wù)實(shí)踐6-9】列表移動(dòng)——移動(dòng)節(jié)點(diǎn)
159
6.4.3 復(fù)制和替換節(jié)點(diǎn) 160
【任務(wù)實(shí)踐6-10】復(fù)制表單——復(fù)制節(jié)點(diǎn)
160
【任務(wù)實(shí)踐6-11】替換內(nèi)容——替換節(jié)點(diǎn)
162
6.4.4 刪除節(jié)點(diǎn) 163
【任務(wù)實(shí)踐6-12】刪除水平線——?jiǎng)h除節(jié)點(diǎn) 163
項(xiàng)目分析 164
項(xiàng)目實(shí)施 165
項(xiàng)目實(shí)訓(xùn)——各地人口數(shù)據(jù)的折疊菜單
167
小結(jié) 168
擴(kuò)展閱讀——循環(huán)遍歷 168
習(xí)題 169
項(xiàng)目7
故宮輪播圖——BOM對(duì)象 170
情境導(dǎo)入 170
項(xiàng)目目標(biāo)(含思政元素) 171
知識(shí)儲(chǔ)備 171
任務(wù)7.1 認(rèn)識(shí)BOM 171
【任務(wù)實(shí)踐7-1】實(shí)時(shí)變化的時(shí)鐘——
定時(shí)器 174
【任務(wù)實(shí)踐7-2】打開/關(guān)閉新窗口——
open()方法 176
【任務(wù)實(shí)踐7-3】改變窗口大小——resizeTo ()和resizeBy()方法 177
【任務(wù)實(shí)踐7-4】改變窗口位置——moveTo()和moveBy()方法 179
任務(wù)7.2 使用Screen對(duì)象 181
【任務(wù)實(shí)踐7-5】顯示當(dāng)前屏幕分辨率和
可用區(qū)域——Screen對(duì)象 181
任務(wù)7.3 使用Navigator對(duì)象 182
【任務(wù)實(shí)踐7-6】顯示當(dāng)前瀏覽器和操作
系統(tǒng)信息——Navigator對(duì)象 182
【任務(wù)實(shí)踐7-7】顯示當(dāng)前窗口占據(jù)顯示器的區(qū)域大小——Navigator對(duì)象 183
任務(wù)7.4 使用Location對(duì)象 184
【任務(wù)實(shí)踐7-8】登錄成功,自動(dòng)跳轉(zhuǎn)——Location對(duì)象 185
任務(wù)7.5 使用History對(duì)象 186
【任務(wù)實(shí)踐7-9】頁(yè)面“前進(jìn)”和“后退”——History對(duì)象 187
任務(wù)7.6 使用Document對(duì)象 188
【任務(wù)實(shí)踐7-10】顯示瀏覽某頁(yè)面的
時(shí)間——Document對(duì)象 188
項(xiàng)目分析 190
項(xiàng)目實(shí)施 190
項(xiàng)目實(shí)訓(xùn)——北斗三號(hào)發(fā)射動(dòng)畫 192
小結(jié) 193
擴(kuò)展閱讀——輪播圖的Swiper插件
193
習(xí)題 194
項(xiàng)目8
滑塊驗(yàn)證碼——事件和事件處理
196
情境導(dǎo)入 196
項(xiàng)目目標(biāo)(含思政元素) 196
知識(shí)儲(chǔ)備 197
任務(wù)8.1 認(rèn)識(shí)事件 197
8.1.1 事件的基本概念 197
8.1.2 事件處理 198
【任務(wù)實(shí)踐8-1】天干地支——行內(nèi)綁定
200
【任務(wù)實(shí)踐8-2】天干地支——?jiǎng)討B(tài)綁定
202
【任務(wù)實(shí)踐8-3】天干地支——事件監(jiān)聽
203
任務(wù)8.2 認(rèn)識(shí)事件對(duì)象 204
8.2.1 Event對(duì)象 205
【任務(wù)實(shí)踐8-4】顯示觸發(fā)事件——Event對(duì)象 205
8.2.2 Event對(duì)象常用屬性和方法 206
【任務(wù)實(shí)踐8-5】顯示觸發(fā)事件名稱——Event對(duì)象的屬性 206
任務(wù)8.3 處理鍵盤事件 207
8.3.1 鍵盤事件 207
8.3.2 處理鍵盤事件 207
【任務(wù)實(shí)踐8-6】按鍵以上、下、左、右
移動(dòng)圖片——處理字符鍵 210
【任務(wù)實(shí)踐8-7】使用方向鍵改變圖片
大小——處理非字符鍵 212
【任務(wù)實(shí)踐8-8】取消組合鍵的全選功能
——處理組合鍵 213
任務(wù)8.4 處理鼠標(biāo)事件 214
8.4.1 鼠標(biāo)事件 215
【任務(wù)實(shí)踐8-9】鼠標(biāo)指針滑過(guò)顯示不同
圖形——鼠標(biāo)指針移入和移出 215
8.4.2 處理鼠標(biāo)事件 216
【任務(wù)實(shí)踐8-10】判斷鼠標(biāo)按鍵——Event對(duì)象的button屬性 216
【任務(wù)實(shí)踐8-11】跟隨鼠標(biāo)移動(dòng)的雪花
——鼠標(biāo)事件的位置屬性 217
任務(wù)8.5 處理頁(yè)面事件 218
8.5.1 頁(yè)面加載 219
【任務(wù)實(shí)踐8-12】網(wǎng)頁(yè)加載時(shí)縮小圖片——onload事件 220
8.5.2 頁(yè)面大小事件 221
【任務(wù)實(shí)踐8-13】改變?yōu)g覽器大小時(shí)彈出
提示——onresize事件 221
任務(wù)8.6 處理文本編輯事件 222
【任務(wù)實(shí)踐8-14】禁止使用復(fù)制、粘貼
方式輸入密碼——復(fù)制、剪切和
粘貼操作 222
任務(wù)8.7 處理表單事件 223
8.7.1 表單和表單對(duì)象 224
【任務(wù)實(shí)踐8-15】會(huì)員注冊(cè)表單——
表單元素 226
8.7.2 訪問(wèn)表單和表單元素 227
【任務(wù)實(shí)踐8-16】隨機(jī)生成指定位數(shù)的
驗(yàn)證碼——訪問(wèn)表單元素 230
8.7.3 操作表單對(duì)象 232
【任務(wù)實(shí)踐8-17】驗(yàn)證表單合法性——
表單驗(yàn)證 236
項(xiàng)目分析 237
項(xiàng)目實(shí)施 238
項(xiàng)目實(shí)訓(xùn)——選項(xiàng)卡切換 241
小結(jié) 241
擴(kuò)展閱讀——事件流 242
習(xí)題 242
項(xiàng)目9
異步獲取用戶信息——AJAX技術(shù)
244
情境導(dǎo)入 244
項(xiàng)目目標(biāo)(含思政元素) 244
知識(shí)儲(chǔ)備 245
任務(wù)9.1 認(rèn)識(shí)AJAX 245
9.1.1 XMLHttpRequest對(duì)象 245
9.1.2 XMLHttpRequest對(duì)象的常用
屬性 246
9.1.3 XMLHttpRequest對(duì)象的常用
方法 246
9.1.4 AJAX請(qǐng)求 247
【任務(wù)實(shí)踐9-1】讀取文本文件信息——AJAX異步獲取文件 248
任務(wù)9.2 AJAX處理數(shù)據(jù) 249
9.2.1 AJAX處理文本數(shù)據(jù) 250
【任務(wù)實(shí)踐9-2】讀取“健走的好處”頁(yè)面——AJAX異步獲取HTML文件 250
9.2.2 AJAX處理XML數(shù)據(jù) 251
【任務(wù)實(shí)踐9-3】讀取學(xué)生信息——AJAX異步獲取XML數(shù)據(jù) 252
9.2.3 AJAX處理JSON數(shù)據(jù) 253
【任務(wù)實(shí)踐9-4】讀取信息——AJAX異步獲取JSON文件數(shù)據(jù) 254
任務(wù)9.3 AJAX與服務(wù)器數(shù)據(jù)交互 255
9.3.1 與PHP服務(wù)器交互 255
【任務(wù)實(shí)踐9-5】驗(yàn)證表單用戶名(一)
——AJAX訪問(wèn)PHP服務(wù)器 258
9.3.2 與Java服務(wù)器交互 260
【任務(wù)實(shí)踐9-6】驗(yàn)證表單用戶名(二)
——AJAX訪問(wèn)Java后臺(tái)服務(wù)器 263
項(xiàng)目分析 265
項(xiàng)目實(shí)施 266
項(xiàng)目實(shí)訓(xùn)——獲取宿舍學(xué)生信息 268
小結(jié) 269
擴(kuò)展閱讀——jQuery 實(shí)現(xiàn)AJAX 269
習(xí)題 270
項(xiàng)目10
綜合項(xiàng)目——學(xué)生成績(jī)查詢 271
情境導(dǎo)入 271
項(xiàng)目目標(biāo)(含思政元素) 271
項(xiàng)目分析 272
項(xiàng)目實(shí)施 272
小結(jié) 280