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

第1篇 JavaScript基础篇 2

第1章 JavaScript概述 2

1.1 JavaScript的起源 3

1.1.1 新鲜的玩意儿 3

1.1.2 不仅仅是网页中的代码 3

1.1.3 典型的JavaScript脚本 3

1.2 浏览器之争 4

1.2.1 DHTML 5

1.2.2 浏览器之间的冲突 5

1.2.3 标准的制定 5

1.3 JavaScript的实现 5

1.3.1 ECMAScript 6

1.3.2 DOM 6

1.3.3 BOM 6

1.3.4 新的开始 6

1.4 JavaScript小体验 6

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

1.4.2 案例2——日期选择器 7

高手私房菜 8

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

第2章 JavaScript基础 9

2.1 JavaScript的语法 10

2.2 变量 10

2.3 数据类型 11

2.3.1 字符串 12

2.3.2 数值 14

2.3.3 布尔型 15

2.3.4 类型转换 15

2.3.5 数组 16

2.4 关键字 19

2.5 保留字 19

2.6 条件语句 20

2.6.1 比较运算符 20

2.6.2 逻辑运算符 20

2.6.3 if语句 21

2.6.4 switch语句 21

2.7 循环语句 22

2.7.1 while语句 22

2.7.2 do...while语句 22

2.7.3 for语句 22

2.7.4 break和continue语句 23

2.7.5 for...in语句 24

2.8 函数 25

2.8.1 定义和调用函数 25

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

2.9 对象 27

2.9.1 对象简介 27

2.9.2 时间日期：Date对象 28

2.9.3 数学计算：Math对象 30

2.10 BOM基础 32

2.10.1 window对象 32

2.10.2 document对象 34

2.10.3 location对象 34

2.10.4 navigator对象 35

2.10.5 screen对象 35

高手私房菜 36

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

技巧2：简略语句 36

第3章 JavaScript开发 37

3.1 JavaScript的应用环境 38

3.1.1 客户端JavaScript 38

3.1.2 其他环境中的JavaScript 39

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

3.1.4 客户端JavaScript的特性 40

3.2 常用的开发工具 41

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

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

3.2.3 轻松建立JS库的开发工具——JavaScriptBoilerplate 42

3.3 常用的调试工具 42

3.3.1 万能调试工具——Drosera 43

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

3.3.3 Firebug 43

3.3.4 前端调试利器——Debugbar 44

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

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

3.5 案例2——九九乘法表 48

高手私房菜 49

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

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

第4章 CSS基础 51

4.1 CSS的概念 52

4.1.1 网页标记的概念 52

4.1.2 HTML与CSS的优缺点 52

4.1.3 浏览器对CSS的支持 52

4.2 网页设计中的CSS 53

4.2.1 使用CSS能做什么 53

4.2.2 CSS的局限性是什么 53

4.3 使用CSS控制页面 53

4.3.1 行内样式 55

4.3.2 内嵌式 56

4.3.3 导入样式 57

4.4 CSS选择器 58

4.4.1 标记选择器 58

4.4.2 类别选择器 59

4.4.3 ID选择器 59

4.5 CSS设置文字效果 60

4.5.1 CSS文字样式 60

4.5.2 CSS段落文字 61

4.5.3 首字放大 63

4.6 CSS设置图片效果 64

4.6.1 图片的边框 64

4.6.2 图文混排 66

4.7 CSS设置页面背景 67

4.7.1 背景颜色 67

4.7.2 背景图片 68

4.7.3 背景图的重复设置 69

4.8 CSS超链接 70

4.8.1 动态超链接 70

4.8.2 按钮式超链接 71

4.8.3 CSS控制鼠标指针 72

4.9 CSS制作实用菜单 73

4.9.1 项目列表 73

4.9.2 无需表单的菜单 75

高手私房菜 77

技巧1：如何快速掌握CSS 77

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

第5章 CSS进阶 79

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

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

5.1.2 关于div元素和span元素 81

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

5.2.1 盒子模型的概念 83

5.2.2 网页border区域定义 85

5.2.3 网页padding区域定义 86

5.2.4 网页margin区域定义 88

5.3 CSS布局定位 89

5.3.1 浮动定位 89

5.3.2 position定位 91

5.4 盒子的浮动 93

5.5 盒子的定位 95

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

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

5.8 案例3——菜单 99

高手私房菜 101

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

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

第6章 DOM模型 103

6.1 DOM及DOM技术简介 104

6.1.1 DOM简介 104

6.1.2 DOM技术的简单应用 104

6.1.3 基本的DOM方法 105

6.2 网页中的DOM模型框架 108

6.3 DOM模型中的节点 109

6.3.1 元素节点 109

6.3.2 文本节点 110

6.3.3 属性节点 111

6.4 使用非标准DOMinnerHTML属性 112

6.5 DOM与CSS 113

6.5.1 三位一体的页面 114

6.5.2 使用className属性 115

高手私房菜 116

技巧1：通过className添加CSS 116

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

第2篇 JavaScript高级篇 118

第7章 事件机制 118

7.1 事件机制简介 119

7.2 常用的事件函数 119

7.2.1 鼠标操作事件 119

7.2.2 键盘操作事件 121

7.2.3 其他事件 122

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

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

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

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

7.4.1 建立HTML框架 125

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

7.4.3 为菜单添加伸缩效果 127

高手私房菜 128

技巧：事件处理步骤 128

第8章 表格与表单 129

8.1 用CSS控制表格样式 130

8.1.1 理解表格的相关标记 130

8.1.2 设置表格的颜色 131

8.1.3 设置表格的边框 132

8.2 用DOM动态控制表格 133

8.2.1 动态添加表格 133

8.2.2 修改单元格内容 135

8.2.3 动态删除表格 136

8.3 控制表单 138

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

8.3.2 用CSS控制表单样式 140

8.3.3 访问表单中的元素 142

8.3.4 公共属性与方法 142

8.3.5 提交表单 143

8.4 设置文本框 144

8.4.1 控制用户输入字符个数 144

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

8.5 设置单选按钮 147

8.6 设置复选框 149

8.7 设置下拉菜单 151

8.7.1 访问选中项 151

8.7.2 添加、替换、删除选项 154

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

8.8.1 建立框架结构 156

8.8.2 实现匹配用户输入 157

8.8.3 显示提示框 158

高手私房菜 160

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

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

第9章 JavaScript的调试与优化 161

9.1 常见的错误和异常 162

9.1.1 拼写错误 162

9.1.2 访问不存在的变量 162

9.1.3 括号不匹配 162

9.1.4 字符串和变量连接错误 163

9.1.5 等号与赋值混淆 163

9.2 错误处理 164

9.2.1 用alert（）和document.write（）方法监视变量值 164

9.2.2 用onerror事件找到错误 165

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

9.3 使用调试器 167

9.3.1 用Firefox错误控制台调试 167

9.3.2 用Microsoft Script Debugger调试 168

9.3.3 用Venkman调试 169

9.4 JavaScript优化 169

9.4.1 缩短代码下载时间 169

9.4.2 合理声明变量 170

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

9.4.4 合理书写if语句 171

9.4.5 最小化语句数量 171

9.4.6 节约使用DOM 171

高手私房菜 172

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

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

第10章 Ajax基础 173

10.1 认识Ajax 174

10.1.1 Ajax的基本概念 174

10.1.2 Ajax的组成部分 174

10.1.3 为什么要用Ajax 174

10.2 Ajax异步交互 175

10.2.1 什么是异步交互 175

10.2.2 异步对象连接服务器 175

10.2.3 GET和POST模式 178

10.2.4 服务器返回XML 181

10.2.5 处理多个异步请求 184

10.3 Ajax框架 186

10.3.1 使用AjaxLib 186

10.3.2 使用AjaxGold 188

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

10.4.1 搭建框架 190

10.4.2 建立异步请求 190

10.4.3 服务器端处理 191

10.4.4 显示异步查询结果 192

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

高手私房菜 195

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

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

第3篇 jQuery框架篇 198

第11章 jQuery基础 198

11.1 认识jQuery 199

11.1.1 jQuery的技术优势 199

11.1.2 下载并使用jQuery 201

11.2 jQuery的“＄” 201

11.2.1 选择器 201

11.2.2 功能函数前缀 202

11.2.3 解决windows.onload函数的冲突 203

11.2.4 创建DOM元素 203

11.2.5 自定义添加“＄” 204

11.2.6 解决“＄”的冲突 205

11.3 jQuery与CSS 3 205

11.3.1 CSS 3标准 205

11.3.2 浏览器的兼容性 206

11.3.3 jQuery的引入 207

11.4 采用jQuery链 208

11.5 jQuery的开发工具 209

11.5.1 JavaScript Editor Pro 209

11.5.2 Dreamweaver 209

11.5.3 UltraEdit 210

11.6 jQuery的调试工具 210

11.6.1 Firefox的利器——FireBug 210

11.6.2 Blackbird 212

11.6.3 Visual Studio 2008 213

11.6.4 其他调试工具 214

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

11.7.1 开发前的一些准备工作 215

11.7.2 具体的程序开发 215

高手私房菜 216

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

技巧2：让jQuery代码更安全 216

第12章 用jQuery控制页面 217

12.1 标记的属性 218

12.1.1 each（）遍历元素 218

12.1.2 获取属性的值 219

12.1.3 设置属性的值 220

12.1.4 删除属性 221

12.2 设置元素的样式 221

12.2.1 添加、删除CSS类别 221

12.2.2 在类别间动态切换 222

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

12.2.4 直接获取、设置样式 223

12.2.5 处理页面元素 224

12.3 直接获取、编辑内容 224

12.3.1 移动和复制元素 226

12.3.2 删除元素 227

12.3.3 克隆元素 228

12.4 处理表单元素的值 229

12.4.1 获取表单元素的值 229

12.4.2 设置表单元素的值 230

12.5 处理页面事件 231

12.5.1 绑定事件监听 231

12.5.2 移除事件监听 232

12.5.3 传递事件对象 233

12.5.4 触发事件 234

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

12.5.6 实现感应鼠标 236

12.6 案例——快餐配送页面 236

12.6.1 框架搭建 236

12.6.2 添加事件 238

12.6.3 设置样式风格 240

高手私房菜 241

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

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

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

13.1 显示和隐藏元素 244

13.1.1 使用show（）和hide（）方法 244

13.1.2 案例——制作多级菜单 245

13.1.3 使用toggle（）方法实现显隐切换 246

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

13.2.1 使用show（）、hide（）和toggle（）方法 247

13.2.2 使用fadeIn（）和fadeOut（）方法 249

13.2.3 使用fadeTo（）方法自定义变幻目标透明度 251

13.3 幻灯片效果 252

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

高手私房菜 255

技巧1：使用stop（）方法停止动画 255

技巧2：妙用slideDown和slideUp方法 256

第14章 jQuery的功能函数 257

14.1 什么是功能函数 258

14.2 功能函数的分类 258

14.2.1 浏览器的检测 258

14.2.2 数组和对象的操作 259

14.2.3 字符串操作 261

14.2.4 测试操作 262

14.2.5 URL操作 263

14.3 函数的扩展 263

14.4 处理JavaScript对象 265

14.4.1 使用＄.each（）方法遍历 265

14.4.2 过滤数据 266

14.4.3 转化数据 267

14.4.4 搜索数组元素 268

14.5 获取外部代码 269

14.6 其他函数——＄.proxy（） 270

高手私房菜 271

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

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

第15章 jQuery与Ajax的综合应用 273

15.1 加载异步数据 274

15.1.1 传统的JavaScript方法 274

15.1.2 jQuery中的load（）方法 276

15.1.3 jQuery中的全局函数getJSON（） 277

15.1.4 jQuery中的全局函数getScript（） 279

15.1.5 jQuery中异步加载XML文档 281

15.2 请求服务器数据 281

15.2.1 ＄.get（）请求数据 281

15.2.2 ＄.post（）请求数据 283

15.2.3 serialize（）序列化表单 285

15.3 ＄.ajax（）方法 286

15.3.1 ＄.ajax（）基本概念 286

15.3.2 ＄.ajaxsetup（）设置全局Ajax 288

15.4 Ajax中的全局事件 289

15.4.1 Ajax全局事件的基本概念 289

15.4.2 ajaxStart与ajaxStop全局事件 289

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

15.5.1 需求分析 291

15.5.2 效果界面设计 292

15.5.3 功能实现步骤 292

15.5.4 代码分析 297

高手私房菜 300

技巧1：使用＄.load函数 300

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

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

16.1 什么是jQuery插件 302

16.1.1 jQuery插件简介 302

16.1.2 如何使用插件 302

16.2 几个好用的jQuery插件 304

16.2.1 Form插件 304

16.2.2 jQueryUI插件 305

16.2.3 clueTip插件 305

16.3 开发自己的插件 306

16.3.1 从一个简单的插件谈起 306

16.3.2 jQuery的插件机制 309

16.3.3 jQuery插件开发的方法 310

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

16.5 UI插件 315

16.5.1 鼠标拖曳页面板块 315

16.5.2 拖入购物车 316

16.5.3 流行的Tab菜单 318

高手私房菜 320

技巧：插件的编写框架 320

第4篇 实战篇 322

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

17.1 优酷网分析 323

17.1.1 设计分析 323

17.1.2 功能分析 326

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

17.2.1 网站分析 331

17.2.2 网站设计 332

17.2.3 网站制作 334

高手私房菜 350

技巧：嵌入Flash视频 350

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

18.1 京东商城分析 354

18.1.1 设计分析 354

18.1.2 功能分析 356

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

18.2.1 网站分析 360

18.2.2 网站设计 360

18.2.3 网站制作 363

高手私房菜 386

技巧1：图片验证码 386

技巧2：与后台交互 388