本書是為適應(yīng)中、高職計(jì)算機(jī)軟件及應(yīng)用等相關(guān)專業(yè)學(xué)生的能力水平而編寫的一本入門級(jí)教材。學(xué)習(xí)本書前,讀者應(yīng)該具備HTML以及CSS的基本知識(shí)。當(dāng)然,如果具有某一門高級(jí)語言的使用經(jīng)驗(yàn)更好。本書是按照項(xiàng)目實(shí)踐的方式安排的。每個(gè)項(xiàng)目就是一個(gè)完整的工程,將項(xiàng)目分為若干個(gè)與項(xiàng)目相關(guān)的小任務(wù),每個(gè)任務(wù)中又包含了詳細(xì)的知識(shí)點(diǎn)。全書共分9個(gè)項(xiàng)目,讀者通過完成這些任務(wù)就可以獨(dú)立完成相應(yīng)的項(xiàng)目,從而掌握與項(xiàng)目相關(guān)的知識(shí)點(diǎn)。
張屹峰,高級(jí)講師,淮北煤炭師范學(xué)院畢業(yè),計(jì)算機(jī)科學(xué)與技術(shù)專業(yè),2000年7月至今在東莞理工學(xué)校任教,廣東省信息技術(shù)協(xié)會(huì)會(huì)員。
目錄
項(xiàng)目1 對(duì)話框和頁面輸出―初步體驗(yàn) 1
任務(wù)1 彈出對(duì)話框 1
任務(wù)2 在頁面上打印歡迎詞 3
任務(wù)3 先彈出對(duì)話框再打印信息 4
任務(wù)4 單擊按鈕執(zhí)行任務(wù)3 5
任務(wù)5 任務(wù)模塊化 6
任務(wù)6 調(diào)用靈活化 8
任務(wù)7 “項(xiàng)目1”的實(shí)現(xiàn) 9
項(xiàng)目2 簡單計(jì)算器―判斷結(jié)構(gòu) 11
任務(wù)1 認(rèn)識(shí)變量和字符串 12
任務(wù)2 輸入對(duì)話框 15
任務(wù)3 判斷是否為整數(shù) 17
任務(wù)4 判斷奇偶數(shù) 23
任務(wù)5 加法運(yùn)算器 26
任務(wù)6 “項(xiàng)目2”的實(shí)現(xiàn) 30
項(xiàng)目3 統(tǒng)計(jì)成績單―循環(huán)結(jié)構(gòu) 32
任務(wù)1 累加和累乘 33
任務(wù)2 最大值和最小值 35
任務(wù)3 循環(huán)的跳轉(zhuǎn) 44
任務(wù)4 “項(xiàng)目3”的實(shí)現(xiàn) 48
項(xiàng)目4 注冊(cè)頁面設(shè)計(jì)―事件 54
任務(wù)1 在代碼中設(shè)置對(duì)象處理事件 55
任務(wù)2 事件處理中的返回值 58
任務(wù)3 表單提交事件 60
任務(wù)4 鼠標(biāo)事件 61
任務(wù)5 鍵盤事件 63
任務(wù)6 “項(xiàng)目4”的實(shí)現(xiàn) 68
項(xiàng)目5 多窗體注冊(cè)頁面―窗口對(duì)象 71
任務(wù)1 打開和關(guān)閉窗口 72
任務(wù)2 用Location對(duì)象獲取URL參數(shù) 78
任務(wù)3 窗口信息交互 83
任務(wù)4 與模態(tài)窗口進(jìn)行信息交互 85
任務(wù)5 超時(shí)與時(shí)間間隔 87
任務(wù)6 “項(xiàng)目5”的實(shí)現(xiàn) 91
項(xiàng)目6 多功能相冊(cè)―文檔對(duì)象 97
任務(wù)1 用JavaScript設(shè)置屬性和樣式 98
任務(wù)2 用cookie記住樣式 101
任務(wù)3 找出所有超級(jí)鏈接地址 105
任務(wù)4 “項(xiàng)目6”的實(shí)現(xiàn) 107
項(xiàng)目7 商品列表―DOM對(duì)象 114
任務(wù)1 評(píng)論管理 115
任務(wù)2 鼠標(biāo)跟隨 124
任務(wù)3 循環(huán)移動(dòng)圖片墻 125
任務(wù)4 表格排序 128
任務(wù)5 “項(xiàng)目7”的實(shí)現(xiàn) 133
項(xiàng)目八 自制滾動(dòng)條―事件的高級(jí)應(yīng)用 141
任務(wù)1 關(guān)閉廣告對(duì)聯(lián) 141
任務(wù)2 實(shí)現(xiàn)拖動(dòng) 146
任務(wù)3 控制鼠標(biāo)滾輪 150
任務(wù)4 “項(xiàng)目8”的實(shí)現(xiàn) 153
項(xiàng)目九 運(yùn)動(dòng)基礎(chǔ)―滑動(dòng)的側(cè)邊欄 159
任務(wù)1 緩沖運(yùn)動(dòng) 159
任務(wù)2 垂直滾動(dòng)緩沖跟隨 164
任務(wù)3 “項(xiàng)目9”的實(shí)現(xiàn) 167