JavaScript 300 目录
  • 一 网页特效
  • 二 DOM操作
  • 三 控制表单控件
  • 四 窗口的控制和框架的互操作
  • 五 鼠标特效
  • 六 按钮特效
  • 七 链接特效
  • 八 文本输入框和下拉菜单特效
  • 九 层的应用

第一章 网页特效

001自动刷新页面

002让页面后退和前进

003动态关闭网页

004页面载入等待界面

005若干秒后不操作自动关闭窗口

006修改网页标题

007禁止网页放入框架

008跳转到其他页面

009进入页面时的问候

010在网页里动态加载javascript

011将网站设为主页

012单击加入收藏夹

013页面加载完毕的判断

014避免浏览器使用缓存加载页面

015窗口打开时定时显示大广告图片及其自动关闭

016带关闭按钮的右下角图片广告

第二章 DOM操作

017通过id获取一个特定的DOM元素

018根据name获取多个元素

019根据标签名获取多个元素

020遍历打印一个元素的所有属性

021遍历文档树

022动态创建网页新元素

023删除元素

024主动触发按钮单击的事件

025替换元素内容

026修改元素的属性值

027引用同级的元素

028克隆元素

029隐藏或显示元素

030倒排序子元素

031删除所有的子元素

第三章 控制表单控件

032遍历表单的所有控件

031删除所有的子元素

033通过控件名访问特定的控件

034修改控件的值

035获取表单内文本框的个数

036修改表单的提交方法

037动态指定表单的动作属性

038动态选择聚焦的控件

039初始化表单里的所有控件的值到最初状态

040为表单加上一个框

041批量为所有的表单控件加一个说明

042设置下拉菜单的值

043使用隐藏控件为表单添加参数

044勾选全部复选框

045为表单的聚焦控件设置醒目的样式

第四章 窗口的控制和框架的互操作

046计算窗口内的框架数量

047父框架对子框架的引用

048子框架的互相引用

049用top操作顶部框架

050确保网页只能被框架载入

051动态创建框架

052打开一个新的窗口

053得到是谁打开了子窗口

054通过子窗口获取数据输入

055随意改变框架的大小组合

056巧用self操作当前文档所在的框架或窗口

057iframe自适应高度

058网页打开5秒后弹出广告窗口

第五章 鼠标特效

059禁用鼠标右键

060动态定义鼠标指针形状

061鼠标进出时字体大小变化

062双击鼠标滚动到网页底部

063当按下鼠标左键时弹出广告窗口

064鼠标放上链接出现不同的颜色

065用鼠标拖动图片

066让鼠标滑轮失效

第六章 按钮特效

067为按钮加上背景颜色

068自定义按钮的click事件

069不同的按钮提交不同的表单地址

070在网页上为用户定义一个打印按钮

071Enter键自动提交表单

072按钮在单击以后就失效

073删除按钮必须的提醒功能

074图片式的按钮

075用过单击按钮改变状态栏信息

076不同的状态展示不同样式的按钮

077注册按钮倒计时效果

078阅读完协议以后才可以单击的注册按钮

079会变色的按钮

第七章 链接特效

080带下画线的链接

081改变链接的单击事件

082关闭窗口的那个“X“链接

083用链接模拟一个按钮

084用链接替代表单提交按钮

085动态修改一个链接的地址

086让所有链接都在新窗口中打开

087让页面所有的超级链接都失效

088为链接地址多加一个参数

089回到顶部的链接

090需要确认的链接

091几条链接交替显示

第八章 文本输入框和下拉菜单特效

092让文本框只带有下划线

093用正则表达式验证E-mail格式

094首字母或全部字母大写

095只能输入数字的文本框

096判断汉字的个数

097成为焦点时清楚文本框内容

098动态为下拉菜单设置项目

099联动的省市下拉菜单

100三级联动的省市县下拉惨淡

101用户输入完以后立刻进行格式校验

102鼠标滑过文本框改变其背景色

103输入文字时文本框边框闪烁

第九章 层的应用

104从下往上的信息滚动特效

105灯箱效果

106可以拖动的层

107让层的叠放层次分明

108随意改变层的尺寸

109新闻切换特效

110悬浮的广告层

111由左向右的滚动广告

112右下角的提示层

113带关闭按钮的右下角提示层

114底部工具栏


  • 十 表格的控制
  • 十一 导航菜单特效
  • 十二 日期和时间特效
  • 十三 样式的操作
  • 十四 网页中变量和函数的应用
  • 十五 图片的特效
  • 十六 文件和打印的技巧
  • 十七 对象和数组
  • 十八 18Ajax应用

第十章 表格的控制

115动态的为表格中的单元格文字添加样式

116动态加入一个新的表格行

117可变样式的表格边框

118克隆表格

119让表格的数据根据某一列排序

120让表格行的背景颜色间隔开

121删除表格中的任意一行

122隐藏表格数据

123用背景色重点突出表格行

第十一章 导航菜单特效

124简单的导航菜单

125凸显正在浏览的菜单项的导航菜单

126二级导航菜单

127三级导航菜单

128动态加载的导航菜单

129三级联动导航菜单

130树形导航菜单

131当网页超过一屏时候导航始终置顶

第十二章 日期和时间特效

132标题栏显示当前的日期

133不同时段显示不同的标题欢迎词

134不同月份不同的背景效果

135倒计时效果

136查看今天是否为节假日

137每秒刷新的时间展示效果

138日期输入框

139使用定时器

140算出两个时间之间的时间差

141用表格来完成一个日历特效

142月底和月初的网页标题各不相同

143显示登录的时间

第十三章 样式的操作

144不同浏览器加载不同css文件

145动态滤镜效果

146访问外部定义的CSS样式

147访问元素中style属性的CSS样式

148切换样式表

149让样式动起来

150同时改变多个DOM的样式

151隐藏和显示的切换效果

152用Javascript实现链接样式同样的效果

153自定义错误样式

第十四章 网页中变量和函数的应用

154无处不在的变量

155应用不同场景的变量类型s

156无所不能的变量载体

157巧妙的使用内部变量

158闭包的概念和使用

159使用动态的函数参数

160调用动态函数

第十五章 图片特效

161仿iPhone图片查看器效果

162仿QQ空间相册效果

163放大镜特效

164让图片保持在层里的上下左右都居中

165让图片自适应框的大小

166图片新闻效果

167为图片加上边框

168显示图片的局部

169动态加载图片

170重新加载验证码图片

171延迟加载图片

第十六章 文件和打印的技巧

172判断文件上传的类型

173单独打开一个页面来完成打印功能-mail格式

174限制多文件上传的文件类型

175上传图片以后显示缩略图

176在打印内容里隐藏打印按钮

第十七章 对象和数组

177创建自定义对象

178创建数组的多种方法

179扩展数组的元素数目

180在数组的末尾处加入和移除元素

181在数组的任意位置加入和移除元素

182把数据转换成对象

183把数组里的元素按照自然排序

184数组的本质其实也就是对象

第十八章 Ajax应用

185创建动态的XMLHttpRequest对象

186自定义Ajax回调函数

187自定义Ajax请求方法

188为Ajax请求添加参数

189Ajax请求中的友好等待界面

190根据不同的返回HTTP代码进行不同的响应

191Ajax传输JSON数据实例

192定义一套自己的Ajax框架


  • 十九 面向对象的特性
  • 二十 经典javaScript框架应用
  • 二十一 jQuery的妙用
  • 二十二 丰富的jQuery插件应用
  • 二十三 HTML5的新应用
  • 二十四 CSS3带给我们的新体验
  • 二十五 JavaScript在智能手机上的应用
  • 二十六 其他应用和技巧

第十九章 面向对象的特性

193定义一个类

194利用prototype为类创建静态成员

195模拟继承机制

196为string类型的变量扩展一个replaceAll方法

197为对象扩展一个动态属性

198为对象扩展一个方法

第二十章 经典javaScript框架应用

199框架对JavaScript编码的意义

200Prototype让JavaScript面向对象

201利用Prototype实现继承机制

202用Prototype来包装JavaScript事件

203用Prototype轻松获取DOM的实际尺寸

204用Dojo动态创建层的DOM

205用Dojo动态指定按钮的click事件

206用Dojo隐退图片

207用Dojo轻松实现元素的拖曳

208利用YUI来动态监听单击事件

209利用YUI模拟向左滑动以删除菜单项

210利用YUI实现被单击按钮样式突出的效果

211利用YUI实现网页元素隐藏和显示的切换

212利用YUI实现层的收缩隐藏特效

213利用YUI实现层的随意拖动效果

214利用YUI实现图片的滚动延迟加载

215利用YUI随意改变层的尺寸

第二十一章 jQuery的妙用

216选择所有的元素

217选择相同标签的元素

218选择相同class的元素

219快速选择表单元素

220选择所有已勾选的复选框

221指定下拉菜单的已选项

222选择包含特定内容的层

223修改元素属性的值

224获取和指定元素的内容

225一次选择多个不同类的元素

226删除部分文档内容

227一次选择多个不同类的元素

228快速修改样式规则

229获取实际元素的高度和宽度

230指定页面加载完成的回调

231为元素动态添加某种事件

232隐藏或显示元素

233滑动效果

234淡入效果

235让Ajax如此简单

236使用Ajax获取JSON数据

第二十二 丰富的jQuery插件应用

237带伸缩功能的内容分段

238带自动提示功能的文本输入框

239多功能按钮

240自定义格式的日期输入框

241选择日期段

242自定义提示框

243轻松实现层的拖动功能

244多级菜单

245用幻灯片方式浏览图片

246进度条

247可改变大小的层

248可被选择的菜单项

249滑块效果

250选择范围的滑块效果

251可排序的列表

252可拖动的选择项

253数字输入框

254时间输入框

255多页切换效果

256带提示信息的输入框

第二十三章 HTML5的新应用

257视频尺寸动态修改示例

258动态播放或暂停视频

259指定视频的播放进度

260隐藏音频播放器的控制按钮

261拖动页面上的元素

262让图片不可以拖动

263使用canvas画一个矩形图案

264使用canvas画一个圆形图案

265用HTML5绘制一个SVG标量圆形

266获取用户当前的地理坐标

267根据地理信息定位城市

268在地图上标识附近加油站的地

269使用localStorage实现计数器

270使用sessionStorage实现计数器

271使用Web Worker为学生考试计时

第二十四章 CSS3带给我们的新体验

272圆角边框

273图形边框

274图片阴影效果

275文字阴影效果

276带有可见度的背景颜色

277多列显示文字

278使用CSS3实现过渡效果

279使用CSS3实现动画效果

280使用CSS3实现图片旋转效果

281可移动的图片

282放大和缩小图片

283扭曲的图片

284让图片立体旋转

第二十五章 JavaScript在智能手机上的应用

285判断是否为移动浏览器

286测试是否支持滑动事件

287通过滑动修改网页字体大小

288用手势来改变图片大小

289用手势改变图片的显示方向

290使用手机的GPS定位用户所在的城市.html

第二十六章 其他应用和技巧

291利用浏览器的cookie保存用户名

292 eval()函数大行其道

293妙用正则表达式来减少JS代码

294按拼音首字母排序

295用try和catch来让程序更友好

296不用Ajax也可以达到不刷新页面的效果

297让输入的英文字母自动变成大写

298用JSON格式来保存数据

299得到用户显示器的最大分辨率

300用JavaScript实现的抽奖程序