精通JavaScript+jQuery——100%动态网页设计密码电子书

前言

第1篇 JavaScript基础篇

第1章 JavaScript概述

1.1 JavaScript的起源

1.1.1 新鲜的玩意儿

1.1.2 不仅仅是网页中的代码

1.1.3 典型的 JavaScript 脚本

1.2 浏览器之争

1.2.1 DHTML

1.2.2 浏览器之间的冲突

1.2.3 标准的制定

1.3 JavaScript的实现

1.3.1 ECMAScript

1.3.2 DOM

1.3.3 BOM

1.3.4 新的开始

1.4 JavaScript小体验

1.4.1 案例1——定时打开窗口

1.4.2 案例2——日期选择器

高手私房菜

技巧：在HTML中嵌入JavaScript的方法

第2章 JavaScript基础

2.1 JavaScript的语法

2.2 变量

2.3 数据类型

2.3.1 字符串

2.3.2 数值

2.3.3 布尔型

2.3.4 类型转换

2.3.5 数组

2.4 关键字

2.5 保留字

2.6 条件语句

2.6.1 比较运算符

2.6.2 逻辑运算符

2.6.3 if 语句

2.6.4 switch 语句

2.7 循环语句

2.7.1 while 语句

2.7.2 do...while 语句

2.7.3 for 语句

2.7.4 break 和 continue 语句

2.7.5 for...in 语句

2.8 函数

2.8.1 定义和调用函数

2.8.2 用 arguments 对象访问函数的参数

2.9 对象

2.9.1 对象简介

2.9.2 时间日期：Date 对象

2.9.3 数学计算：Math 对象

2.10 BOM基础

2.10.1 window 对象

2.10.2 document 对象

2.10.3 location 对象

2.10.4 navigator 对象

2.10.5 screen 对象

高手私房菜

技巧1：如何快速检查语法

技巧2：简略语句

第3章 JavaScript开发

3.1 JavaScript的应用环境

3.1.1 客户端 JavaScript

3.1.2 其他环境中的 JavaScript

3.1.3 客户端 JavaScript：网页中的可执行内容

3.1.4 客户端 JavaScript 的特性

3.2 常用的开发工具

3.2.1 附带测试的开发工具——TestSwarm

3.2.2 半自动化开发工具——Minimee

3.2.3 轻松建立 JS 库的开发工具——JavaScript Boilerplate

3.3 常用的调试工具

3.3.1 万能调试工具——Drosera

3.3.2 最规则的调试工具——Dragonfly

3.3.3 Firebug

3.3.4 前端调试利器——Debugbar

3.3.5 支持浏览器最多的工具——Venkman

3.4 案例1——用JavaScript计算借贷支出

3.5 案例2——九九乘法表

高手私房菜

技巧1：更多的Venkman调试方法

技巧2：开发中常用到的快速数组创建方法

第4章 CSS基础

4.1 CSS的概念

4.1.1 网页标记的概念

4.1.2 HTML 与 CSS 的优缺点

4.1.3 浏览器对 CSS 的支持

4.2 网页设计中的CSS

4.2.1 使用 CSS 能做什么

4.2.2 CSS 的局限性是什么

4.3 使用CSS控制页面

4.3.1 行内样式

4.3.2 内嵌式

4.3.3 导入样式

4.4 CSS选择器

4.4.1 标记选择器

4.4.2 类别选择器

4.4.3 ID 选择器

4.5 CSS设置文字效果

4.5.1 CSS 文字样式

4.5.2 CSS 段落文字

4.5.3 首字放大

4.6 CSS设置图片效果

4.6.1 图片的边框

4.6.2 图文混排

4.7 CSS设置页面背景

4.7.1 背景颜色

4.7.2 背景图片

4.7.3 背景图的重复设置

4.8 CSS超链接

4.8.1 动态超链接

4.8.2 按钮式超链接

4.8.3 CSS 控制鼠标指针

4.9 CSS制作实用菜单

4.9.1 项目列表

4.9.2 无需表单的菜单

高手私房菜

技巧1：如何快速掌握CSS

技巧2：辅助CSS的JavaScript语法——用JSON存储数据

第5章 CSS进阶

5.1 了解块级元素和行内级元素

5.1.1 块级元素和行内级元素的不同

5.1.2 关于 div 元素和 span 元素

5.2 DIV标记与SPAN标记布局网页

5.2.1 盒子模型的概念

5.2.2 网页 border 区域定义

5.2.3 网页 padding 区域定义

5.2.4 网页 margin 区域定义

5.3 CSS布局定位

5.3.1 浮动定位

5.3.2 position 定位

5.4 盒子的浮动

5.5 盒子的定位

5.6 案例1——图文层叠效果

5.7 案例2——歌曲编辑列表

5.8 案例3——菜单

高手私房菜

技巧1：使用CSS sprites技术加速图片展示性能

技巧2：操作CSS的高效JavaScript语法

第6章 DOM模型

6.1 DOM及DOM技术简介

6.1.1 DOM 简介

6.1.2 DOM 技术的简单应用

6.1.3 基本的 DOM 方法

6.2 网页中的DOM模型框架

6.3 DOM模型中的节点

6.3.1 元素节点

6.3.2 文本节点

6.3.3 属性节点

6.4 使用非标准DOM innerHTML属性

6.5 DOM与CSS

6.5.1 三位一体的页面

6.5.2 使用 className 属性

高手私房菜

技巧1：通过className添加CSS

技巧2：如何检查浏览器支持的DOM标准级别

第2篇 JavaScript高级篇

第7章 事件机制

7.1 事件机制简介

7.2 常用的事件函数

7.2.1 鼠标操作事件

7.2.2 键盘操作事件

7.2.3 其他事件

7.3 案例1——屏蔽鼠标右键

7.3.1 方法1：使用鼠标事件函数

7.3.2 方法2：使用鼠标事件监听

7.4 案例2——伸缩的两级菜单

7.4.1 建立 HTML 框架

7.4.2 设置各级菜单的 CSS 样式风格

7.4.3 为菜单添加伸缩效果

高手私房菜

技巧：事件处理步骤

第8章 表格与表单

8.1 用CSS控制表格样式

8.1.1 理解表格的相关标记

8.1.2 设置表格的颜色

8.1.3 设置表格的边框

8.2 用DOM动态控制表格

8.2.1 动态添加表格

8.2.2 修改单元格内容

8.2.3 动态删除表格

8.3 控制表单

8.3.1 理解表单的相关标记与表单元素

8.3.2 用 CSS 控制表单样式

8.3.3 访问表单中的元素

8.3.4 公共属性与方法

8.3.5 提交表单

8.4 设置文本框

8.4.1 控制用户输入字符个数

8.4.2 设置光标经过时自动选择文本

8.5 设置单选按钮

8.6 设置复选框

8.7 设置下拉菜单

8.7.1 访问选中项

8.7.2 添加、替换、删除选项

8.8 案例——自动提示的文本框

8.8.1 建立框架结构

8.8.2 实现匹配用户输入

8.8.3 显示提示框

高手私房菜

技巧1：复杂表单的设计技巧

技巧2：在客户端通过JavaScript控制多次提交

第9章 JavaScript的调试与优化

9.1 常见的错误和异常

9.1.1 拼写错误

9.1.2 访问不存在的变量

9.1.3 括号不匹配

9.1.4 字符串和变量连接错误

9.1.5 等号与赋值混淆

9.2 错误处理

9.2.1 用 alert() 和 document.write() 方法监视变量值

9.2.2 用 onerror 事件找到错误

9.2.3 用 try...catch 语句找到错误

9.3 使用调试器

9.3.1 用 Firefox 错误控制台调试

9.3.2 用 Microsoft Script Debugger 调试

9.3.3 用 Venkman 调试

9.4 JavaScript优化

9.4.1 缩短代码下载时间

9.4.2 合理声明变量

9.4.3 使用内置函数缩短编译时间

9.4.4 合理书写 if 语句

9.4.5 最小化语句数量

9.4.6 节约使用 DOM

高手私房菜

技巧1：通过try …catch逐渐缩小范围查找错误

技巧2：其他调试常用注意事项

第10章 Ajax基础

10.1 认识Ajax

10.1.1 Ajax 的基本概念

10.1.2 Ajax 的组成部分

10.1.3 为什么要用 Ajax

10.2 Ajax异步交互

10.2.1 什么是异步交互

10.2.2 异步对象连接服务器

10.2.3 GET 和 POST 模式

10.2.4 服务器返回 XML

10.2.5 处理多个异步请求

10.3 Ajax框架

10.3.1 使用 AjaxLib

10.3.2 使用 AjaxGold

10.4 案例1——制作可自动校验的表单

10.4.1 搭建框架

10.4.2 建立异步请求

10.4.3 服务器端处理

10.4.4 显示异步查询结果

10.5 案例2——制作带自动提示的文本框

高手私房菜

技巧1：使用Ajax时IE缓存问题的解决方法

技巧2：使用Ajax时的浏览器兼容性

第3篇 jQuery框架篇

第11章 jQuery基础

11.1 认识jQuery

11.1.1 jQuery 的技术优势

11.1.2 下载并使用 jQuery

11.2 jQuery的“$”

11.2.1 选择器

11.2.2 功能函数前缀

11.2.3 解决 windows.onload 函数的冲突

11.2.4 创建 DOM 元素

11.2.5 自定义添加“$”

11.2.6 解决“$”的冲突

11.3 jQuery与CSS 3

11.3.1 CSS 3 标准

11.3.2 浏览器的兼容性

11.3.3 jQuery 的引入

11.4 采用jQuery链

11.5 jQuery的开发工具

11.5.1 JavaScript Editor Pro

11.5.2 Dreamweaver

11.5.3 UltraEdit

11.6 jQuery的调试工具

11.6.1 Firefox 的利器——FireBug

11.6.2 Blackbird

11.6.3 Visual Studio 2008

11.6.4 其他调试工具

11.7 案例——我的第一个jQuery程序

11.7.1 开发前的一些准备工作

11.7.2 具体的程序开发

高手私房菜

技巧1：jQuery变量和普通JavsScript变量不能混淆

技巧2：让jQuery代码更安全

第12章 用jQuery控制页面

12.1 标记的属性

12.1.1 each() 遍历元素

12.1.2 获取属性的值

12.1.3 设置属性的值

12.1.4 删除属性

12.2 设置元素的样式

12.2.1 添加、删除 CSS 类别

12.2.2 在类别间动态切换

12.2.3 实例——制作隔行颜色交替变换的表格

12.2.4 直接获取、设置样式

12.2.5 处理页面元素

12.3 直接获取、编辑内容

12.3.1 移动和复制元素

12.3.2 删除元素

12.3.3 克隆元素

12.4 处理表单元素的值

12.4.1 获取表单元素的值

12.4.2 设置表单元素的值

12.5 处理页面事件

12.5.1 绑定事件监听

12.5.2 移除事件监听

12.5.3 传递事件对象

12.5.4 触发事件

12.5.5 实现单击事件的动态交替

12.5.6 实现感应鼠标

12.6 案例——快餐配送页面

12.6.1 框架搭建

12.6.2 添加事件

12.6.3 设置样式风格

高手私房菜

技巧1：同时使用两个不同版本的jQuery

技巧2：jQuery实现两列的高度相等

第13章 用jQuery制作动画与特效

13.1 显示和隐藏元素

13.1.1 使用 show() 和 hide() 方法

13.1.2 案例——制作多级菜单

13.1.3 使用 toggle() 方法实现显隐切换

13.2 元素显隐的渐入渐出效果

13.2.1 使用 show()、hide() 和 toggle() 方法

13.2.2 使用 fadeIn() 和 fadeOut() 方法

13.2.3 使用 fadeTo() 方法自定义变幻目标透明度

13.3 幻灯片效果

13.4 案例——制作伸缩的导航条

高手私房菜

技巧1：使用stop()方法停止动画

技巧2：妙用slideDown和slideUp方法

第14章 jQuery的功能函数

14.1 什么是功能函数

14.2 功能函数的分类

14.2.1 浏览器的检测

14.2.2 数组和对象的操作

14.2.3 字符串操作

14.2.4 测试操作

14.2.5 URL 操作

14.3 函数的扩展

14.4 处理JavaScript对象

14.4.1 使用 $.each() 方法遍历

14.4.2 过滤数据

14.4.3 转化数据

14.4.4 搜索数组元素

14.5 获取外部代码

14.6 其他函数——$.proxy()

高手私房菜

技巧1：易出现的变量作用域错误

技巧2：jQuery访问原生属性和方法

第15章 jQuery与Ajax的综合应用

15.1 加载异步数据

15.1.1 传统的 JavaScript 方法

15.1.2 jQuery 中的 load() 方法

15.1.3 JQuery 中的全局函数 getJSON()

15.1.4 jQuery 中的全局函数 getScript()

15.1.5 jQuery 中异步加载 XML 文档

15.2 请求服务器数据

15.2.1 $.get() 请求数据

15.2.2 $.post() 请求数据

15.2.3 serialize() 序列化表单

15.3 $.ajax()方法

15.3.1 $.ajax() 的基本概念

15.3.2 $.ajaxsetup() 设置全局 Ajax

15.4 Ajax中的全局事件

15.4.1 Ajax 全局事件的基本概念

15.4.2 ajaxStart 与 ajaxStop 全局事件

15.5 案例——用Ajax实现新闻点评即时更新

15.5.1 需求分析

15.5.2 效果界面设计

15.5.3 功能实现步骤

15.5.4 代码分析

高手私房菜

技巧1：使用$.load函数

技巧2：使用服务器脚本检查Ajax请求

第16章 jQuery插件的开发与使用

16.1 什么是jQuery插件

16.1.1 jQuery 插件简介

16.1.2 如何使用插件

16.2 几个好用的jQuery插件

16.2.1 Form 插件

16.2.2 jQueryUI 插件

16.2.3 clueTip 插件

16.3 开发自己的插件

16.3.1 从一个简单的插件谈起

16.3.2 jQuery 的插件机制

16.3.3 jQuery 插件开发的方法

16.4 案例——模拟搜狐热门调查

16.5 UI插件

16.5.1 鼠标拖曳页面板块

16.5.2 拖入购物车

16.5.3 流行的 Tab 菜单

高手私房菜

技巧：插件的编写框架

第4篇 实战篇

第17章 影音视频类网站分析——优酷网

17.1 优酷网分析

17.1.1 设计分析

17.1.2 功能分析

17.2 制作自己的网站——龙马影视网

17.2.1 网站分析

17.2.2 网站设计

17.2.3 网站制作

高手私房菜

技巧：嵌入Flash视频

第18章 电子商务类网站分析——京东商城

18.1 京东商城分析

18.1.1 设计分析

18.1.2 功能分析

18.2 制作自己的网站——龙马商务网

18.2.1 网站分析

18.2.2 网站设计

18.2.3 网站制作

高手私房菜

技巧1：图片验证码

技巧2：与后台交互