第1篇 JavaScript基础篇

第1章 网页特效

实例001自动刷新页面

实例002让页面后退和前进

实例003动态关闭页面

实例004页面载入等待界面

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

实例006修改网页标题

实例007禁止网页放入框架

实例008跳转到其他页面

实例009进入页面时的问候

实例010在网页里动态加载JavaScript

实例011设为首页

实例012收藏本页

实例013判断页面是否加载完毕

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

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

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

第2章 DOM操作

实例017通过id获取网页中的某一部分

实例018根据name获取网页中的全部复选框

实例019根据标签名获取网页中的多个元素

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

实例021遍历HTML文档内容

实例022动态创建网页新元素

实例023删除元素

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

实例025替换元素内容

实例026修改元素的属性值

实例027引用同级的元素

实例028克隆元素

实例029隐藏或显示元素

实例030倒排序子元素

实例031删除所有的子元素

第3章 控制表单控件

实例032遍历表单的所有控件

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

实例034修改控件的值

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

实例036修改表单的提交方法

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

实例038动态选择聚焦的控件

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

实例040为表单加上一个框

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

实例042设置下拉菜单的值

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

实例044勾选全部复选框

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

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

实例046计算窗口内的框架数量

实例047父框架对子框架的引用

实例048子框架的互相引用

实例049用top操作顶部框架

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

实例051动态创建框架

实例052打开一个新窗口

实例053得到是谁打开了子窗口

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

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

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

实例057 iframe自适应高度

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

第5章 鼠标特效

实例059禁用鼠标右键

实例060动态定义鼠标指针形状

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

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

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

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

实例065用鼠标拖动图片

实例066让鼠标滑轮失效

第6章 按钮特效

实例067为按钮加上背景颜色

实例068自定义按钮的click事件

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

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

实例071 Enter键自动提交表单

实例072按钮在单击以后就失效

实例073删除按钮必需的提醒功能

实例074图片式的按钮

实例075通过单击按钮改变状态栏信息

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

实例077注册按钮倒计时效果

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

实例079会变色的按钮

第7章 链接特效

实例080带下画线的链接

实例081改变链接的单击事件

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

实例083用链接模拟一个按钮

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

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

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

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

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

实例089回到顶部的链接

实例090需要确认的链接

实例091几条链接交替显示

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

实例092让文本框只带有下画线

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

实例094首字母或全部字母大写

实例095只能输入数字的文本框

实例096判断汉字的个数

实例097成为焦点时清除文本框内容

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

实例099联动的省市下拉菜单

实例100三级联动的省市县下拉菜单

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

实例102鼠标划过文本框改变其背景色

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

第9章 层的应用

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

实例105灯箱效果

实例106可以拖动的层

实例107让层的叠放层次分明

实例108随意改变层的尺寸

实例109新闻切换特效

实例110悬浮的广告层

实例111 由左向右地滚动广告

实例112右下角的提示层

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

实例114底部工具栏

第10章 表格的控制

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

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

实例117可变样式的表格边框

实例118克隆表格

实例119将表格的数据根据某一列排序

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

实例121删除表格中的任意一行

实例122隐藏表格数据

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

第2篇 JavaScript进阶篇

第11章 导航菜单特效

实例124简单的导航菜单

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

实例126二级导航菜单

实例127三级导航菜单

实例128动态加载导航菜单

实例129三级联动导航菜单

实例130树形导航菜单

实例131当网页超过一屏时导航菜单始终置顶

第12章 日期和时间特效

实例132标题栏显示当前的日期

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

实例134不同月份显示不同的背景效果

实例135倒计时效果

实例136查看“今天是否为节假日”

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

实例138日期输入框

实例139使用定时器

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

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

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

实例143显示登录的时间

第13章 样式的操作

实例144不同浏览器加载不同的CSS文件

实例145动态滤镜效果

实例146访问外部定义的CSS样式

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

实例148切换样式表

实例149让样式动起来

实例150同时改变多个DOM的样式

实例151隐藏和显示的切换效果

实例152用JavaScript代码替代CSS实现链接样式

实例153自定义错误样式

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

实例154无处不在的变量

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

实例156无所不能的变量载体

实例157巧妙地使用内部变量

实例158闭包的概念和使用

实例159使用动态的函数参数

实例160调用动态函数

第15章 图片特效

实例161仿iPhone图片查看器效果

实例162仿QQ空间相册效果

实例163放大镜特效

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

实例165让图片自适应框的大小

实例166图片新闻效果

实例167为图片加上边框

实例168显示图片的局部

实例169动态加载图片

实例170重新加载验证码图片

实例171延迟加载图片

第16章 文件和打印的技巧

实例172判断文件上传的类型

实例173单独打开一个页面来完成打印功能

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

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

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

第17章 对象和数组

实例177创建自定义对象

实例178创建数组的多种方法

实例179扩展数组的元素数目

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

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

实例182把数据转换成对象

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

实例184数组的本质就是对象

第3篇 JavaScript高级篇

第18章 Ajax应用

实例185创建动态的XMLHttpRequest对象

实例186自定义Ajax回调函数

实例187自定义Ajax请求方法

实例188为Ajax请求添加参数

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

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

实例191 Ajax传输JSON数据实例

实例192定义一套自己的Ajax框架

第19章 面向对象的特性

实例193定义一个类

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

实例195模拟继承机制

实例196为string类型的变量扩展一个replaceAll（）函数

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

实例198为对象扩展一个方法

第20章 经典 JavaScript框架应用

实例199框架对JavaScript编码的意义

实例200 Prototype让 JavaScript面向对象

实例201利用Prototype实现继承机制

实例202用Prototype来包装JavaScript事件

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

实例204用Dojo动态创建层的DOM

实例205用Doj o动态指定按钮的click事件

实例206用Dojo隐退图片

实例207用Doj o轻松实现元素的拖曳

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

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

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

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

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

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

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

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

第21章 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数据

第22章 丰富的jQuery插件应用

实例237带伸缩功能的内容分段

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

实例239多功能按钮

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

实例241选择日期段

实例242自定义提示框

实例243轻松实现层的拖动功能

实例244多级菜单

实例245用幻灯片方式浏览图片

实例246进度条

实例247可改变大小的层

实例248可被选择的菜单项

实例249滑块效果

实例250选择范围的滑块效果

实例251可排序的列表

实例252可拖动的选择项

实例253数字输入框

实例254时间输入框

实例255多页切换效果

实例256带提示信息的输入框

第23章 HTML5的新应用

实例257视频尺寸动态修改示例

实例258动态播放或暂停视频

实例259指定视频的播放进度

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

实例261拖动页面上的元素

实例262让图片不可以拖动

实例263使用canvas画一个矩形图案

实例264使用canvas画一个圆形图案

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

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

实例267根据地理信息定位城市

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

实例269使用localStorage实现计数器

实例270使用sessionStorage实现计数器

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

第24章 CSS 3带给我们的新体验

实例272圆角边框

实例273图形边框

实例274图片阴影效果

实例275文字阴影效果

实例276带有可见度的背景颜色

实例277多列显示文字

实例278使用CSS 3实现过渡效果

实例279使用CSS 3实现动画效果

实例280使用CSS 3实现图片旋转效果

实例281可移动的图片

实例282放大和缩小图片

实例283扭曲的图片

实例284让图片立体旋转

第25章 JavaScript在智能手机上的应用

实例285判断是否为移动浏览器

实例286测试是否支持滑动事件

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

实例288用手势来改变图片大小

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

实例290使用手机GPS定位用户所在城市

第26章 其他应用和技巧

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

实例292 eval（）函数大行其道

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

实例294按拼音首字母排序

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

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

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

实例298用JSON格式来保存数据

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

实例300用JavaScript实现的抽奖程序