基於實用、實踐、前瞻性、學習的原則,筆者精選了近300段JavaScript代碼和400種解決方案,覆蓋了幾乎所有的腳本處理模組,最大程度地幫助讀者學習、實踐JavaScript的各個方面,讓讀者成為一個有代碼實踐、有思想品質、有技術深度的JavaScript高手。
全書分為9章,包括JavaScript的一些必備知識,常用的表單處理、圖片處理、內容展示、頁面處理、日期處理、頁面特效、移動開發等代碼及其他常用代碼,涉及閉包、Ajax、Data URI、DOM、BOM、數據字典、HTML 5、XML、JSON等現代JavaScript開發常用的技術。對那些想迅速全面了解JavaScript代碼處理技巧的前端開發人員有重要的指導意義。
本書內容簡潔明了、代碼精練、重點突出、實例豐富,語言通俗易懂,原理清晰明白,是廣大前端入門者的最優選擇。
基本介紹
- 書名:超實用的JavaScript代碼段
- 作者:席新亮
- ISBN:9787121239700
- 頁數:336
- 出版社:電子工業出版社
- 出版時間:2014-9
基本信息,內容簡介,書籍目錄,
基本信息
作者:席新亮
出版社:電子工業出版社
出版年:2014-9
頁數:336
定價:59.00
裝幀:平裝
叢書:代碼逆襲
出版社:電子工業出版社
出版年:2014-9
頁數:336
定價:59.00
裝幀:平裝
叢書:代碼逆襲
ISBN:9787121239700
內容簡介
基於實用、實踐、前瞻性、學習的原則,筆者精選了近300段JavaScript代碼和400種解決方案,覆蓋了幾乎所有的腳本處理模組,最大程度地幫助讀者學習、實踐JavaScript的各個方面,讓讀者成為一個有代碼實踐、有思想品質、有技術深度的JavaScript高手。
全書分為9章,包括JavaScript的一些必備知識,常用的表單處理、圖片處理、內容展示、頁面處理、日期處理、頁面特效、移動開發等代碼及其他常用代碼,涉及閉包、Ajax、Data URI、DOM、BOM、數據字典、HTML 5、XML、JSON等現代JavaScript開發常用的技術。對那些想迅速全面了解JavaScript代碼處理技巧的前端開發人員有重要的指導意義。
本書內容簡潔明了、代碼精練、重點突出、實例豐富,語言通俗易懂,原理清晰明白,是廣大前端入門者的最優選擇。
書籍目錄
序1 30段簡單趣味的JavaScript代碼 VII
序2 30個你不可能全部會做的JavaScript題目 XIII
序3 30個最火熱的JavaScript面試題 XXI
第1章 學習JavaScript必須知道的事兒 1
1.1 如何在HTML中調用JavaScript代碼 1
1.1.1 <script>標籤的定義 1
1.1.2 兩種嵌入JavaScript代碼的方式 2
1.1.3 XHTML與HTML對JavaScript解析的不同之處 2
1.1.4 <noscript>如何用 3
1.2 使用什麼工具開發JavaScript 3
1.2.1 Adobe Dreamweaver軟體,推薦指數:3 3
1.2.2 SublimeText,推薦指數:4 4
1.2.3 AptanaStudio,推薦指數:4 4
1.2.4 WebStorm,推薦指數:4.5 5
1.3 如何在不同瀏覽器中調試JavaScript代碼 5
1.3.1 WebInspector調試工具 6
1.3.2 Firebug調試工具 7
1.3.3 JavaScript調試器 7
1.3.4 控制台 8
1.3.5 HTTP分析 9
1.3.6 性能檢測 10
1.4 總結 11
第2章 表單常用代碼 12
2.1 去除字元串左右兩邊的空格 12
2.2 驗證用戶是否輸入 13
2.3 禁止輸入 14
2.4 關閉輸入法 16
2.5 禁止複製與貼上 18
2.6 限制只能輸入數字 19
2.7 限制只能輸入中文 20
2.8 限制字元串長度 21
2.9 限制字元串長度(區分中英文) 23
2.10 實時提示可輸入字元(區分中英文) 25
2.11 在輸入框中顯示提示信息 28
2.12 文本框內容自動滾動 32
2.13 密碼強度實時驗證 34
2.14 回車提交表單 37
2.15 游標停留在文字最後 37
2.16 禁止文本框的記憶功能 38
2.17 自動選定文本內容 39
2.18 獲取和失去焦點時改變樣式 40
2.19 常見的驗證規則 41
2.20 對文本內容進行關鍵字過濾 44
2.21 從字元串中剔除所有HTML代碼 45
2.22 檢測是否為數值型 46
2.23 TextArea自適應文字行數 47
2.24 判斷單選框是否選中 48
2.25 判斷複選框至少選中一項 48
2.26 限制複選框最多選擇幾項 49
2.27 複選框全選、取消全選、反選 50
2.28 根據指定內容選中複選框 51
2.29 獲取選中的複選框值 53
2.30 判斷下拉框中的值是否被選中 55
2.31 動態添加下拉選項 56
2.32 動態刪除下拉選項 57
2.33 下拉框二級聯動效果 58
2.34 可輸入的下拉框 61
2.35 簡單的數字及字元操作 63
2.36 清空所有文本型輸入框 64
2.37 JavaScript對上傳檔案的相關操作 65
第3章 圖片控制常用代碼 68
3.1 動畫管理模組 68
3.2 實時預覽上傳的圖片 73
3.3 滑鼠移入/移出時改變圖片樣式 77
3.4 圖片放大鏡效果 78
3.5 水中倒影效果 84
3.6 橫向圖片輪播 90
3.7 圖片層疊輪播 95
3.8 單擊圖片逐漸放大 100
3.9 圖片旋轉 101
3.10 類似QQ相冊效果 104
第4章 內容展示常用代碼 113
4.1 單元行上的滑鼠懸停提示 113
4.2 表格光棒效果 116
4.3 讓表單沒有凹凸感 118
4.4 動態插入和刪除單元行 119
4.5 表格內容的展開和摺疊 121
4.6 表格內容拖曳效果 123
4.7 表格分頁 129
4.8 英文字元串自動換行 134
4.9 內容超過元素寬度顯示省略號 136
4.10 調整字型大小 139
4.11 實現打字機效果 140
4.12 文本段落的展開和摺疊 142
4.13 關鍵字的高亮顯示 144
4.14 字幕上下滾動 146
4.15 彈出層 151
4.16 用層模擬的提示訊息框 153
4.17 隱藏層 156
4.18 用層實現滾動條 157
4.19 讓層可以隨意拖動 162
4.20 遮罩層效果 165
4.21 Tab選項卡切換 167
4.22 對聯浮動廣告 170
4.23 類似QQ訊息視窗提示 173
4.24 修改瀏覽器的主題 177
4.25 打開連結時彈出確認框 177
4.26 刪除時彈出確認對話框 178
第5章 頁面控制常用代碼 180
5.1 打開新頁面 180
5.2 打開指定大小的視窗 181
5.3 打開模式子視窗 183
5.4 獲取子視窗的返回值 183
5.5 刷新iframe視窗 185
5.6 刷新當前頁面 186
5.7 不彈出提示框關閉父視窗 186
5.8 彈出視窗關閉時刷新父視窗 187
5.9 子視窗全螢幕 188
5.10 禁止右鍵 189
5.11 網頁防止另外儲存為 190
5.12 防止被人frame 191
5.13 永遠都帶著框架 192
5.14 禁止滾動條 192
5.15 禁止查看原始碼 193
5.16 取消選取、防止複製 195
5.17 添加到收藏夾 196
5.18 將網頁設定為首頁 197
5.19 將網頁另外儲存為 198
5.20 自定義IE地址欄圖示 199
5.21 在收藏夾中顯示自定義圖示 200
5.22 查看網頁原始碼 200
5.23 判斷上一頁的來源 202
5.24 最小化、最大化、關閉視窗 203
5.25 禁止瀏覽器快取 204
5.26 檢測某個網站的連結速度 205
5.27 腳本永不出錯 207
5.28 解決點擊空連結返回頁面頂部的問題 208
5.29 獲取瀏覽器信息 208
5.30 解決URL傳遞中文參數出現亂碼 210
5.31 獲取地址欄URL的參數 211
5.32 獲得一個視窗的大小 212
5.33 讓彈出視窗總在最前面 213
5.34 禁止功能鍵Shift、Alt、Ctrl 213
5.35 頁面慢慢變大 214
5.36 IE瀏覽器頁面進入和退出的特效 215
5.37 頁面全螢幕 217
5.38 定時關閉頁面 218
5.39 列印頁面的指定區域 218
5.40 去掉列印時的頁眉頁腳 221
第6章 日期處理常用代碼 222
6.1 獲取日期的指定部分 222
6.2 顯示當前時間 223
6.3 顯示最後修改時間 224
6.4 實時顯示當前時間 225
6.5 將日期格式化成字元串 225
6.6 獲取短日期格式 227
6.7 獲取指定日期所在月份的天數 229
6.8 獲取指定日期是第幾周 231
6.9 倒計時 231
6.10 比較兩個日期相差多少秒 233
6.11 比較日期大小 234
6.12 對指定日期進行加減 235
6.13 將字元串轉換成日期格式 237
6.14 判斷是閏年還是平年 238
6.15 日期合法性驗證 240
第7章 頁面特效常用代碼 242
7.1 頁面懸浮導航 242
7.2 下拉式導航選單 244
7.3 滑動門導航 247
7.4 樹形選單導航 249
7.5 仿QQ選單 253
7.6 漂浮廣告 258
7.7 滑動展開/收縮廣告 260
7.8 定時關閉的背投廣告 261
7.9 頁面五顏六色的雪花 263
第8章 移動開發常用代碼 267
8.1 區分平台類型 267
8.2 判斷設備方向變更 268
8.3 移除移動瀏覽器地址欄 270
8.4 防止網頁觸摸滾動 271
8.5 使用JavaScript調用百度地圖 272
8.6 獲取當前地理坐標 274
8.7 判斷當前瀏覽器是否為移動瀏覽器 276
第9章 其他常用代碼 277
9.1 網頁圖片較多時分批次載入圖片 277
9.2 使用JavaScript解析XML數據 280
9.3 使用JavaScript解析JSON數據 282
9.4 跨瀏覽器的Ajax 283
9.5 使用Ajax輕鬆載入檔案 287
9.6 跨瀏覽器讀取XML 290
9.7 HTML 5版JavaScript實現的MP3播放器 294
9.8 Ajax實現動態導航 297
9.9 類似百度的自動完成功能 301
9.10 等級星投票效果 306
9.11 IE導出表格 307
序2 30個你不可能全部會做的JavaScript題目 XIII
序3 30個最火熱的JavaScript面試題 XXI
第1章 學習JavaScript必須知道的事兒 1
1.1 如何在HTML中調用JavaScript代碼 1
1.1.1 <script>標籤的定義 1
1.1.2 兩種嵌入JavaScript代碼的方式 2
1.1.3 XHTML與HTML對JavaScript解析的不同之處 2
1.1.4 <noscript>如何用 3
1.2 使用什麼工具開發JavaScript 3
1.2.1 Adobe Dreamweaver軟體,推薦指數:3 3
1.2.2 SublimeText,推薦指數:4 4
1.2.3 AptanaStudio,推薦指數:4 4
1.2.4 WebStorm,推薦指數:4.5 5
1.3 如何在不同瀏覽器中調試JavaScript代碼 5
1.3.1 WebInspector調試工具 6
1.3.2 Firebug調試工具 7
1.3.3 JavaScript調試器 7
1.3.4 控制台 8
1.3.5 HTTP分析 9
1.3.6 性能檢測 10
1.4 總結 11
第2章 表單常用代碼 12
2.1 去除字元串左右兩邊的空格 12
2.2 驗證用戶是否輸入 13
2.3 禁止輸入 14
2.4 關閉輸入法 16
2.5 禁止複製與貼上 18
2.6 限制只能輸入數字 19
2.7 限制只能輸入中文 20
2.8 限制字元串長度 21
2.9 限制字元串長度(區分中英文) 23
2.10 實時提示可輸入字元(區分中英文) 25
2.11 在輸入框中顯示提示信息 28
2.12 文本框內容自動滾動 32
2.13 密碼強度實時驗證 34
2.14 回車提交表單 37
2.15 游標停留在文字最後 37
2.16 禁止文本框的記憶功能 38
2.17 自動選定文本內容 39
2.18 獲取和失去焦點時改變樣式 40
2.19 常見的驗證規則 41
2.20 對文本內容進行關鍵字過濾 44
2.21 從字元串中剔除所有HTML代碼 45
2.22 檢測是否為數值型 46
2.23 TextArea自適應文字行數 47
2.24 判斷單選框是否選中 48
2.25 判斷複選框至少選中一項 48
2.26 限制複選框最多選擇幾項 49
2.27 複選框全選、取消全選、反選 50
2.28 根據指定內容選中複選框 51
2.29 獲取選中的複選框值 53
2.30 判斷下拉框中的值是否被選中 55
2.31 動態添加下拉選項 56
2.32 動態刪除下拉選項 57
2.33 下拉框二級聯動效果 58
2.34 可輸入的下拉框 61
2.35 簡單的數字及字元操作 63
2.36 清空所有文本型輸入框 64
2.37 JavaScript對上傳檔案的相關操作 65
第3章 圖片控制常用代碼 68
3.1 動畫管理模組 68
3.2 實時預覽上傳的圖片 73
3.3 滑鼠移入/移出時改變圖片樣式 77
3.4 圖片放大鏡效果 78
3.5 水中倒影效果 84
3.6 橫向圖片輪播 90
3.7 圖片層疊輪播 95
3.8 單擊圖片逐漸放大 100
3.9 圖片旋轉 101
3.10 類似QQ相冊效果 104
第4章 內容展示常用代碼 113
4.1 單元行上的滑鼠懸停提示 113
4.2 表格光棒效果 116
4.3 讓表單沒有凹凸感 118
4.4 動態插入和刪除單元行 119
4.5 表格內容的展開和摺疊 121
4.6 表格內容拖曳效果 123
4.7 表格分頁 129
4.8 英文字元串自動換行 134
4.9 內容超過元素寬度顯示省略號 136
4.10 調整字型大小 139
4.11 實現打字機效果 140
4.12 文本段落的展開和摺疊 142
4.13 關鍵字的高亮顯示 144
4.14 字幕上下滾動 146
4.15 彈出層 151
4.16 用層模擬的提示訊息框 153
4.17 隱藏層 156
4.18 用層實現滾動條 157
4.19 讓層可以隨意拖動 162
4.20 遮罩層效果 165
4.21 Tab選項卡切換 167
4.22 對聯浮動廣告 170
4.23 類似QQ訊息視窗提示 173
4.24 修改瀏覽器的主題 177
4.25 打開連結時彈出確認框 177
4.26 刪除時彈出確認對話框 178
第5章 頁面控制常用代碼 180
5.1 打開新頁面 180
5.2 打開指定大小的視窗 181
5.3 打開模式子視窗 183
5.4 獲取子視窗的返回值 183
5.5 刷新iframe視窗 185
5.6 刷新當前頁面 186
5.7 不彈出提示框關閉父視窗 186
5.8 彈出視窗關閉時刷新父視窗 187
5.9 子視窗全螢幕 188
5.10 禁止右鍵 189
5.11 網頁防止另外儲存為 190
5.12 防止被人frame 191
5.13 永遠都帶著框架 192
5.14 禁止滾動條 192
5.15 禁止查看原始碼 193
5.16 取消選取、防止複製 195
5.17 添加到收藏夾 196
5.18 將網頁設定為首頁 197
5.19 將網頁另外儲存為 198
5.20 自定義IE地址欄圖示 199
5.21 在收藏夾中顯示自定義圖示 200
5.22 查看網頁原始碼 200
5.23 判斷上一頁的來源 202
5.24 最小化、最大化、關閉視窗 203
5.25 禁止瀏覽器快取 204
5.26 檢測某個網站的連結速度 205
5.27 腳本永不出錯 207
5.28 解決點擊空連結返回頁面頂部的問題 208
5.29 獲取瀏覽器信息 208
5.30 解決URL傳遞中文參數出現亂碼 210
5.31 獲取地址欄URL的參數 211
5.32 獲得一個視窗的大小 212
5.33 讓彈出視窗總在最前面 213
5.34 禁止功能鍵Shift、Alt、Ctrl 213
5.35 頁面慢慢變大 214
5.36 IE瀏覽器頁面進入和退出的特效 215
5.37 頁面全螢幕 217
5.38 定時關閉頁面 218
5.39 列印頁面的指定區域 218
5.40 去掉列印時的頁眉頁腳 221
第6章 日期處理常用代碼 222
6.1 獲取日期的指定部分 222
6.2 顯示當前時間 223
6.3 顯示最後修改時間 224
6.4 實時顯示當前時間 225
6.5 將日期格式化成字元串 225
6.6 獲取短日期格式 227
6.7 獲取指定日期所在月份的天數 229
6.8 獲取指定日期是第幾周 231
6.9 倒計時 231
6.10 比較兩個日期相差多少秒 233
6.11 比較日期大小 234
6.12 對指定日期進行加減 235
6.13 將字元串轉換成日期格式 237
6.14 判斷是閏年還是平年 238
6.15 日期合法性驗證 240
第7章 頁面特效常用代碼 242
7.1 頁面懸浮導航 242
7.2 下拉式導航選單 244
7.3 滑動門導航 247
7.4 樹形選單導航 249
7.5 仿QQ選單 253
7.6 漂浮廣告 258
7.7 滑動展開/收縮廣告 260
7.8 定時關閉的背投廣告 261
7.9 頁面五顏六色的雪花 263
第8章 移動開發常用代碼 267
8.1 區分平台類型 267
8.2 判斷設備方向變更 268
8.3 移除移動瀏覽器地址欄 270
8.4 防止網頁觸摸滾動 271
8.5 使用JavaScript調用百度地圖 272
8.6 獲取當前地理坐標 274
8.7 判斷當前瀏覽器是否為移動瀏覽器 276
第9章 其他常用代碼 277
9.1 網頁圖片較多時分批次載入圖片 277
9.2 使用JavaScript解析XML數據 280
9.3 使用JavaScript解析JSON數據 282
9.4 跨瀏覽器的Ajax 283
9.5 使用Ajax輕鬆載入檔案 287
9.6 跨瀏覽器讀取XML 290
9.7 HTML 5版JavaScript實現的MP3播放器 294
9.8 Ajax實現動態導航 297
9.9 類似百度的自動完成功能 301
9.10 等級星投票效果 306
9.11 IE導出表格 307