超實(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　使用什么工具開(kāi)發(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)證用戶(hù)是否輸入 13
2．3　禁止輸入 14
2．4　關(guān)閉輸入法 16
2．5　禁止復(fù)制與粘貼 18
2．6　限制只能輸入數(shù)字 19
2．7　限制只能輸入中文 20
2．8　限制字符串長(zhǎng)度 21
2．9　限制字符串長(zhǎng)度（區(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　回車(chē)提交表單 37
2．15　光標(biāo)停留在文字最后 37
2．16　禁止文本框的記憶功能 38
2．17　自動(dòng)選定文本內(nèi)容 39
2．18　獲取和失去焦點(diǎn)時(shí)改變樣式 40
2．19　常見(jiàn)的驗(yàn)證規(guī)則 41
2．20　對(duì)文本內(nèi)容進(jìn)行關(guān)鍵詞過(guò)濾 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)畫(huà)管理模塊 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　類(lèi)似QQ相冊(cè)效果 104
第4章　內(nèi)容展示常用代碼 113
4．1　單元行上的鼠標(biāo)懸停提示 113
4．2　表格光棒效果 116
4．3　讓表單沒(méi)有凹凸感 118
4．4　動(dòng)態(tài)插入和刪除單元行 119
4．5　表格內(nèi)容的展開(kāi)和折疊 121
4．6　表格內(nèi)容拖曳效果 123
4．7　表格分頁(yè) 129
4．8　英文字符串自動(dòng)換行 134
4．9　內(nèi)容超過(guò)元素寬度顯示省略號(hào) 136
4．10　調(diào)整字體大小 139
4．11　實(shí)現(xiàn)打字機(jī)效果 140
4．12　文本段落的展開(kāi)和折疊 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　類(lèi)似QQ消息窗口提示 173
4．24　修改瀏覽器的主題 177
4．25　打開(kāi)鏈接時(shí)彈出確認(rèn)框 177
4．26　刪除時(shí)彈出確認(rèn)對(duì)話框 178
第5章　頁(yè)面控制常用代碼 180
5．1　打開(kāi)新頁(yè)面 180
5．2　打開(kāi)指定大小的窗口 181
5．3　打開(kāi)模式子窗口 183
5．4　獲取子窗口的返回值 183
5．5　刷新iframe窗口 185
5．6　刷新當(dāng)前頁(yè)面 186
5．7　不彈出提示框關(guān)閉父窗口 186
5．8　彈出窗口關(guān)閉時(shí)刷新父窗口 187
5．9　子窗口全屏 188
5．10　屏蔽右鍵 189
5．11　網(wǎng)頁(yè)防止另存為 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)頁(yè)設(shè)置為首頁(yè) 197
5．19　將網(wǎng)頁(yè)另存為 198
5．20　自定義IE地址欄圖標(biāo) 199
5．21　在收藏夾中顯示自定義圖標(biāo) 200
5．22　查看網(wǎng)頁(yè)源代碼 200
5．23　判斷上一頁(yè)的來(lái)源 202
5．24　最小化、最大化、關(guān)閉窗口 203
5．25　禁止瀏覽器緩存 204
5．26　檢測(cè)某個(gè)網(wǎng)站的鏈接速度 205
5．27　腳本永不出錯(cuò) 207
5．28　解決點(diǎn)擊空鏈接返回頁(yè)面頂部
的問(wè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　頁(yè)面慢慢變大 214
5．36　IE瀏覽器頁(yè)面進(jìn)入和退出的特效 215
5．37　頁(yè)面全屏 217
5．38　定時(shí)關(guān)閉頁(yè)面 218
5．39　打印頁(yè)面的指定區(qū)域 218
5．40　去掉打印時(shí)的頁(yè)眉頁(yè)腳 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章　頁(yè)面特效常用代碼 242
7．1　頁(yè)面懸浮導(dǎo)航 242
7．2　下拉式導(dǎo)航菜單 244
7．3　滑動(dòng)門(mén)導(dǎo)航 247
7．4　樹(shù)形菜單導(dǎo)航 249
7．5　仿QQ菜單 253
7．6　漂浮廣告 258
7．7　滑動(dòng)展開(kāi)/收縮廣告 260
7．8　定時(shí)關(guān)閉的背投廣告 261
7．9　頁(yè)面五顏六色的雪花 263
第8章　移動(dòng)開(kāi)發(fā)常用代碼 267
8．1　區(qū)分平臺(tái)類(lèi)型 267
8．2　判斷設(shè)備方向變更 268
8．3　移除移動(dòng)瀏覽器地址欄 270
8．4　防止網(wǎng)頁(yè)觸摸滾動(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)頁(yè)圖片較多時(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　類(lèi)似百度的自動(dòng)完成功能 301
9．10　等級(jí)星投票效果 306
9．11　IE導(dǎo)出表格 307