Web前端開發精品課JavaScript基礎教程 异步图书·Web前端开发精品课:JavaScript基础教程

2011~2015就讀於暨南大學信科院計算機科學與技術專業，從事前後端開發一年多，開發過綠葉學習網、廣州智能工程研究會網站、大量在線應用工具，業餘時間閱讀大量國內外技術書籍。現為綠葉學習網（http://www.lvyestudy.com）的站長，該網站用於分享自己在前後端開發中的一些經驗，並且製作相關前後端開發的在線教程。這些在線教程在互聯網引起廣泛關注，極大受到網友推崇。本人編寫過大量原創在線教程，每一個教程廣受網友稱讚與推崇。

第一部分基本語法

第01章JavaScript簡介
1.1 JavaScript是什麼2 
1.1.1 JavaScript簡介2 
1.1.2教程介紹3 
1.2 JavaScript開發工具5 
1.3 JavaScript引入方式6 
1.3.1外部JavaScript 7 
1.3.2內部JavaScript 8 
1.3. 3元素屬性JavaScript 9 
1.4訓練題：一個簡單的JavaScript 
程序10 

第02章語法基礎
2.1語法簡介12 
2.2變量與常量13 
2.2.1變量14 
2.2.2常量18 
2.3數據類型18 
2.3.1數字19 
2.3. 2字符串20 
2.3.3布爾值22 
2.3.4未定義值23 
2.3.5空值24 
2.4運算符24 
2.4.1算術運算符25 
2.4.2賦值運算符29 
2.4.3比較運算符30 
2.4. 4邏輯運算符31 
2.4.5條件運算符34 
2.5表達式與語句35 
2.6類型轉換36 
2.6.1 “字符串”轉換為“數字” 36 
2.6.2 “數字”轉換為“字符串” 40 
2.7轉義字符41 
2.8註釋43 
2.8.1單行註釋44 
2.8.2多行註釋45 

第03章流程控制
3.1流程控制簡介46 
3.1.1順序結構46 
3.1.2選擇結構47 
3.1.3循環結構48 
3.2選擇結構：if 48 
3.2.1單向選擇：i f… 48 
3.2.2雙向選擇：if…else… 50 
3.2.3多向選擇：if…else if…else… 51 
3.2.4 if語句的嵌套52 
3.3選擇結構：switch 56 
3.4循環結構：while 59 
3.5循環結構：do…while 62 
3.6循環結構：for 63 
3.7訓練題：判斷一個數是整數，
還是小數？66 
3.8訓練題：找出“水仙花數” 67 

第04章初識函數
4.1函數是什麼？68 
4.2函數的定義70 
4.2.1沒有返回值的函數71 
4.2.2有返回值的函數73 
4.2.3全局變量與局部變量74 
4.3函數的調用77 
4.3.1直接調用77 
4.3.2在表達式中調用78 
4.3.3在超鏈接中調用79 
4.3.4在事件中調用80 
4.4嵌套函數81 
4.5內置函數82 
4.6訓練題：判斷某一年是否為閏年83 
4.7訓練題：求出任意五個數最大值84 

第05章字符串對象
5.1內置對像簡介86 
5.2獲取字符串長度87 
5.3大小寫轉換88 
5.4獲取某一個字符89 
5.5截取字符串91 
5.6替換字符串93 
5.7分割字符串95 
5.8檢索字符串的位置99 
5.9訓練題：刪除字符串中的某一個字符100 
5.10訓練題：找出字符串中的某一個
字符串101 
5.11訓練題：統計字符串中數字的個數102 

第06章數組對象
6.1數組是什麼？104 
6.2數組的創建105 
6.3數組的獲取105 
6.4數組的賦值106 
6.5獲取數組長度108 
6.6截取數組某部分111 
6.7為數組添加元素112 
6.7.1在數組開頭添加元素：
unshift() 112 
6.7.2在數組結尾添加元素：push() 114 
6.8刪除數組元素116 
6.8.1刪除數組中第一個元素：shift() 116 
6.8.2刪除數組最後一個元素：pop() 117 
6.9數組大小比較119 
6.10數組顛倒順序120 
6.11將數組元素連接成字符串121 
6.12訓練題：數組與字符串的轉換操作123 
6.13訓練題：將字符串所有字符顛倒
順序124 
6.14題目：計算面積與體積，返回一個
數組125 

第07章時間對象
7.1日期對像簡介127 
7.2操作年、月、日129 
7.2.1獲取年、月、日129 
7.2.2設置年、月、日130 
7.3操作時、分、秒132 
7.3.1獲取時、分、秒132 
7.3.2設置時、分、秒133 
7.4獲取星期幾135 
7.5訓練題：在頁面顯示時間136 

第08章數學對象
8.1數學對像簡介138 
8.2 Math 象的屬性138 
8.3 Math對象的方法140 
8.4最大值與最小值：max()、min() 141 
8.5取整運算142 
8.5.1向下取整：floor() 142 
8.5.2向上取整：ceil () 143 
8.6三角函數144 
8.7生成隨機數145 
8.7.1隨機生成某個範圍內的“任意數” 146 
8.7.2隨機數生成某個範圍內的“整數” 146 
8.8訓練題：生成隨機驗證碼147 
8.9生成隨機顏色值148 

第二部分核心技術

第09章DOM基礎
9.1核心技術簡介150 
9.2.1 DOM對象151 
9.2.2 DOM結構151 
9.2 DOM是什麼？151 
9.3節點類型152 
9.4獲取元素153 
9.4.1 getElementById() 153 
9.4.2 getElementsByTagName 155 
9.4.3 getElementsByClass 
Name() 160 
9.4.4 querySelector()和
querySelectorAll() 161 
9.4.5 getElementsByName() 163 
9.4.6 document.title和
document.body 165 
9.5創建元素166 
9.6插入元素171 
9.6.1 appendChild() 171 
9.6.2 insertBefore() 173 
9.7刪除元素174 
9.8複製元素176 
9.9替換元素178 

第10章DOM進階
10.1 HTML屬性操作（對象屬性） 180 
10.1.1獲取HTML屬性值180 
10.1.2設置HTML屬性值186 
10.2 HTML屬性操作（對象方法） 188 
10.2.1 getAttribute() 189 
10.2.2 setAttribute() 191 
10.2.3 removeAttribute () 192 
10.2.4 hasAttribute() 194 
10.3 CSS屬性操作195 
10.3.1獲取CSS屬性值196 
10.3.2設置CSS屬性值197 
10.3.3最後一個問題203 
10.4 DOM遍歷206 
10.4.1查找父元素207 
10.4 .2查找子元素208 
10.4.3查找兄弟元素212 
10.5 innerHTML和innerText 214 

第11章事件基礎
11.1事件是什麼？217 
11.2事件調用方式218 
11.2.1在script標籤中調用218 
11.2.2在元素中調用事件219 
11.3鼠標事件221 
11.3.1鼠標單擊221 
11.3.2鼠標移入和鼠標移出223 
11.3.3鼠標按下和鼠標鬆開225 
11.4鍵盤事件226 
11.5表單事件228 
11.5.1 onfocus和onblur 228 
11.5.2 onselect 230 
11.5.3 onchange 232 
11.6編輯事件235 
11.6.1 oncopy 235 
11.6.2 onselectstart 236 
11.6.3 oncontextmenu 237 
11.7頁面事件238 
11.7.1 onload 239 
11.7.2 onbeforeunload 241 

第12章事件進階
12.1事件監聽器243 
12.1.1事件處理器243 
12.1.2事件監聽器245 
12.2 event對象252 
12.2.1 type 252 
12.2.2 keyCode 253 
12.3 this 256 

第13章window對象
13.1 window對像簡介260 
13.2窗口操作262 
13.2.1打開窗口262 
13.2.2關閉窗口267 
13.3對話框268 
13.3.1 alert() 269 
13.3.2 confirm() 269 
13.3 .3 prompt() 271 
13.4定時器272 
13.4.1 setTimeout()和
clearTimeout() 273 
13.4.2 setInterval()和
clearInterval() 277 
13.5 location對象281 
13.5.1 window.location.href 281 
13. 5.2 window.location.search 283 
13.5.3 window.location.hash 283 
13.6 navigator對象284 

第14章document對象
14.1 document對像簡介287 
14.2 document對象屬性288 
14.2.1 document.URL 288 
14.2.2 document.referrer 289 
14.3 document對象方法289 
14.3.1 document.write() 290 
14.3.2 document.writeln() 291