超實(shí)用的JavaScript代碼段

序1 30段簡(jiǎn)單趣味的JavaScript
代碼 VII
序2 30個(gè)你不可能全部會(huì)做的JavaScript題目 XIII
序3 30個(gè)最火熱的JavaScript
面試題 XXI
第1章　學(xué)習(xí)JavaScript必須知道的事兒 1
1．1　如何在HTML中調(diào)用JavaScript
代碼 1
1．1．1?。約cript＞標(biāo)簽的定義 1
1．1．2　兩種嵌入JavaScript代碼
的方式 2
1．1．3　XHTML與HTML對(duì)
JavaScript解析的不同之處 2
1．1．4?。糿oscript＞如何用 3
1．2　使用什么工具開發(fā)JavaScript 3
1．2．1　Adobe Dreamweaver軟件，
推薦指數(shù)：3 3
1．2．2　SublimeText，推薦指數(shù)：4 4
1．2．3　AptanaStudio，推薦指數(shù)：4 4
1．2．4　WebStorm，推薦指數(shù)：4．5 5
1．3　如何在不同瀏覽器中調(diào)試
JavaScript代碼 5
1．3．1　WebInspector調(diào)試工具 6
1．3．2　Firebug調(diào)試工具 7
1．3．3　JavaScript調(diào)試器 7
1．3．4　控制臺(tái) 8
1．3．5　HTTP分析 9
1．3．6　性能檢測(cè) 10
1．4　總結(jié) 11
第2章　表單常用代碼 12
2．1　去除字符串左右兩邊的空格 12
2．2　驗(yàn)證用戶是否輸入 13
2．3　禁止輸入 14
2．4　關(guān)閉輸入法 16
2．5　禁止復(fù)制與粘貼 18
2．6　限制只能輸入數(shù)字 19
2．7　限制只能輸入中文 20
2．8　限制字符串長度 21
2．9　限制字符串長度（區(qū)分中英文） 23
2．10　實(shí)時(shí)提示可輸入字符
（區(qū)分中英文） 25
2．11　在輸入框中顯示提示信息 28
2．12　文本框內(nèi)容自動(dòng)滾動(dòng) 32
2．13　密碼強(qiáng)度實(shí)時(shí)驗(yàn)證 34
2．14　回車提交表單 37
2．15　光標(biāo)停留在文字最后 37
2．16　禁止文本框的記憶功能 38
2．17　自動(dòng)選定文本內(nèi)容 39
2．18　獲取和失去焦點(diǎn)時(shí)改變樣式 40
2．19　常見的驗(yàn)證規(guī)則 41
2．20　對(duì)文本內(nèi)容進(jìn)行關(guān)鍵詞過濾 44
2．21　從字符串中剔除所有HTML代碼 45
2．22　檢測(cè)是否為數(shù)值型 46
2．23　TextArea自適應(yīng)文字行數(shù) 47
2．24　判斷單選框是否選中 48
2．25　判斷復(fù)選框至少選中一項(xiàng) 48
2．26　限制復(fù)選框最多選擇幾項(xiàng) 49
2．27　復(fù)選框全選、取消全選、反選 50
2．28　根據(jù)指定內(nèi)容選中復(fù)選框 51
2．29　獲取選中的復(fù)選框值 53
2．30　判斷下拉框中的值是否被選中 55
2．31　動(dòng)態(tài)添加下拉選項(xiàng) 56
2．32　動(dòng)態(tài)刪除下拉選項(xiàng) 57
2．33　下拉框二級(jí)聯(lián)動(dòng)效果 58
2．34　可輸入的下拉框 61
2．35　簡(jiǎn)單的數(shù)字及字符操作 63
2．36　清空所有文本型輸入框 64
2．37　JavaScript對(duì)上傳文件的相關(guān)操作 65
第3章　圖片控制常用代碼 68
3．1　動(dòng)畫管理模塊 68
3．2　實(shí)時(shí)預(yù)覽上傳的圖片 73
3．3　鼠標(biāo)移入/移出時(shí)改變圖片樣式 77
3．4　圖片放大鏡效果 78
3．5　水中倒影效果 84
3．6　橫向圖片輪播 90
3．7　圖片層疊輪播 95
3．8　單擊圖片逐漸放大 100
3．9　圖片旋轉(zhuǎn) 101
3．10　類似QQ相冊(cè)效果 104
第4章　內(nèi)容展示常用代碼 113
4．1　單元行上的鼠標(biāo)懸停提示 113
4．2　表格光棒效果 116
4．3　讓表單沒有凹凸感 118
4．4　動(dòng)態(tài)插入和刪除單元行 119
4．5　表格內(nèi)容的展開和折疊 121
4．6　表格內(nèi)容拖曳效果 123
4．7　表格分頁 129
4．8　英文字符串自動(dòng)換行 134
4．9　內(nèi)容超過元素寬度顯示省略號(hào) 136
4．10　調(diào)整字體大小 139
4．11　實(shí)現(xiàn)打字機(jī)效果 140
4．12　文本段落的展開和折疊 142
4．13　關(guān)鍵字的高亮顯示 144
4．14　字幕上下滾動(dòng) 146
4．15　彈出層 151
4．16　用層模擬的提示消息框 153
4．17　隱藏層 156
4．18　用層實(shí)現(xiàn)滾動(dòng)條 157
4．19　讓層可以隨意拖動(dòng) 162
4．20　遮罩層效果 165
4．21　Tab選項(xiàng)卡切換 167
4．22　對(duì)聯(lián)浮動(dòng)廣告 170
4．23　類似QQ消息窗口提示 173
4．24　修改瀏覽器的主題 177
4．25　打開鏈接時(shí)彈出確認(rèn)框 177
4．26　刪除時(shí)彈出確認(rèn)對(duì)話框 178
第5章　頁面控制常用代碼 180
5．1　打開新頁面 180
5．2　打開指定大小的窗口 181
5．3　打開模式子窗口 183
5．4　獲取子窗口的返回值 183
5．5　刷新iframe窗口 185
5．6　刷新當(dāng)前頁面 186
5．7　不彈出提示框關(guān)閉父窗口 186
5．8　彈出窗口關(guān)閉時(shí)刷新父窗口 187
5．9　子窗口全屏 188
5．10　屏蔽右鍵 189
5．11　網(wǎng)頁防止另存為 190
5．12　防止被人frame 191
5．13　永遠(yuǎn)都帶著框架 192
5．14　禁止?jié)L動(dòng)條 192
5．15　禁止查看源代碼 193
5．16　取消選取、防止復(fù)制 195
5．17　添加到收藏夾 196
5．18　將網(wǎng)頁設(shè)置為首頁 197
5．19　將網(wǎng)頁另存為 198
5．20　自定義IE地址欄圖標(biāo) 199
5．21　在收藏夾中顯示自定義圖標(biāo) 200
5．22　查看網(wǎng)頁源代碼 200
5．23　判斷上一頁的來源 202
5．24　最小化、最大化、關(guān)閉窗口 203
5．25　禁止瀏覽器緩存 204
5．26　檢測(cè)某個(gè)網(wǎng)站的鏈接速度 205
5．27　腳本永不出錯(cuò) 207
5．28　解決點(diǎn)擊空鏈接返回頁面頂部
的問題 208
5．29　獲取瀏覽器信息 208
5．30　解決URL傳遞中文參數(shù)出現(xiàn)
亂碼 210
5．31　獲取地址欄URL的參數(shù) 211
5．32　獲得一個(gè)窗口的大小 212
5．33　讓彈出窗口總在最前面 213
5．34　屏蔽功能鍵Shift、Alt、Ctrl 213
5．35　頁面慢慢變大 214
5．36　IE瀏覽器頁面進(jìn)入和退出的特效 215
5．37　頁面全屏 217
5．38　定時(shí)關(guān)閉頁面 218
5．39　打印頁面的指定區(qū)域 218
5．40　去掉打印時(shí)的頁眉頁腳 221
第6章　日期處理常用代碼 222
6．1　獲取日期的指定部分 222
6．2　顯示當(dāng)前時(shí)間 223
6．3　顯示最后修改時(shí)間 224
6．4　實(shí)時(shí)顯示當(dāng)前時(shí)間 225
6．5　將日期格式化成字符串 225
6．6　獲取短日期格式 227
6．7　獲取指定日期所在月份的天數(shù) 229
6．8　獲取指定日期是第幾周 231
6．9　倒計(jì)時(shí) 231
6．10　比較兩個(gè)日期相差多少秒 233
6．11　比較日期大小 234
6．12　對(duì)指定日期進(jìn)行加減 235
6．13　將字符串轉(zhuǎn)換成日期格式 237
6．14　判斷是閏年還是平年 238
6．15　日期合法性驗(yàn)證 240
第7章　頁面特效常用代碼 242
7．1　頁面懸浮導(dǎo)航 242
7．2　下拉式導(dǎo)航菜單 244
7．3　滑動(dòng)門導(dǎo)航 247
7．4　樹形菜單導(dǎo)航 249
7．5　仿QQ菜單 253
7．6　漂浮廣告 258
7．7　滑動(dòng)展開/收縮廣告 260
7．8　定時(shí)關(guān)閉的背投廣告 261
7．9　頁面五顏六色的雪花 263
第8章　移動(dòng)開發(fā)常用代碼 267
8．1　區(qū)分平臺(tái)類型 267
8．2　判斷設(shè)備方向變更 268
8．3　移除移動(dòng)瀏覽器地址欄 270
8．4　防止網(wǎng)頁觸摸滾動(dòng) 271
8．5　使用JavaScript調(diào)用百度地圖 272
8．6　獲取當(dāng)前地理坐標(biāo) 274
8．7　判斷當(dāng)前瀏覽器是否為移動(dòng)瀏
覽器 276
第9章　其他常用代碼 277
9．1　網(wǎng)頁圖片較多時(shí)分批次加載圖片 277
9．2　使用JavaScript解析XML數(shù)據(jù) 280
9．3　使用JavaScript解析JSON數(shù)據(jù) 282
9．4　跨瀏覽器的Ajax 283
9．5　使用Ajax輕松加載文件 287
9．6　跨瀏覽器讀取XML 290
9．7　HTML 5版JavaScript實(shí)現(xiàn)的
MP3播放器 294
9．8　Ajax實(shí)現(xiàn)動(dòng)態(tài)導(dǎo)航 297
9．9　類似百度的自動(dòng)完成功能 301
9．10　等級(jí)星投票效果 306
9．11　IE導(dǎo)出表格 307