精通JavaScript+jQuery:100%动态网页设计密码.pdf

精通JavaScript+jQuery:100%动态网页设计密码.pdf
 

书籍描述

内容简介
《精通JavaScript+jQuery——100%动态网页设计密码》深入浅出,结合实际案例系统地讲解了使用JavaScript和jQuery进行动态网页设计的知识和技巧。全书分为4个部分。第1篇【JavaScript基础篇】主要介绍了JavaScript的基础知识、基本语法及常用的开发、调试工具的使用方法,还对CSS和DOM模型进行了讲解。第2篇【JavaScript高级篇】主要介绍了JavaScript的事件机制、表格与表单、调试与优化方法,以及Ajax等。第3篇【jQuery篇】主要介绍了jQuery的基础知识、如何用jQuery控制页面、如何用jQuery制作动画与特效、jQuery的功能函数、jQuery与Ajax的综合应用,以及jQuery插件的开发与使用等。第4篇【实战篇】选取了热门的影音视频网站和电子商务网站进行分析,并以此为基础指导读者完成自己的网站设计。
  《精通JavaScript+jQuery——100%动态网页设计密码》附赠一张DVD多媒体教学光盘,包含与图书内容同步的教学录像,以及本书所有案例的源代码和相关学习资料的电子书、教学录像等超值资源,便于读者扩展学习。
  《精通JavaScript+jQuery——100%动态网页设计密码》内容翔实,结构清晰,既适合JavaScript和jQuery的初学者自学使用,也可以作为各类院校相关专业学生和电脑培训班的教材或辅导用书。

编辑推荐
◆世界500强设计主管+资深网页设计师联手打造,系统介绍JavaScript + jQuery的基础知识和高级技能!
◆特聘一线名师授课,深入讲解100节关键知识点!
◆精心甄选32个实用独家技法、181个真实范例,急速提升操作技能!
◆实用源代码:300段源代码,10个完整系统代码,移植改编,拿来就用!

独家赠送超值大礼
◆11小时与图书内容同步的教学录像
◆30小时相关内容视频学习资料
◇22小时Dreamweaver教学录像
◇8小时Photoshop教学录像
◆5本扩展学习电子书
◇Dreamweaver案例电子书
◇Photoshop案例电子书
◇精彩网站配色方案赏析电子书
◇JavaScript对象电子书
◇精选JavaScript实例电子书
◆5个高效应用速查表
◇CSS属性速查表
◇Dreamweaver常用快捷键速查表
◇HTML标签速查表
◇jQuery速查表
◇JavaScript语法速查表
◆JavaScript实用案例集锦

媒体推荐
读者的热情评论

大爱光盘里的同步录像,在书上学完一节,然后找对应的录像看,基本就能掌握了,书上的案例很好,主要是很新,比如优酷网之类的,能让人知道热门网站上的东西是怎么做的,很实用。
——读者 黑****love

凑单的时候买的,没想到就这本最实用,范例很多,而且案例都很新,学完就能大体知道优酷、京东的网站效果是怎么做出来的了。
——读者 草****毛虫

这套书买了两本,JavaScript和HTML的,总体来说内容很丰富,案例多,讲的是热门网站,如果没有实际开发经验,看这套书可以帮初学者突破从理论到实战的瓶颈,强烈推荐初学者或者实战经验不足的人看。
——读者 吃****0214

最喜欢光盘里送的同步教学录像,真的是同步,一节一节学下来,看书容易犯困的话,看录像就没问题了。而且讲的很细致,就像坐在老师电脑旁边一样,比单纯看书的效果好多了!
——读者 萧****luna

作者简介
龙马工作室,专业的计算机研究、教育机构,拥有近20年的图书出版经历,与39所高校、8个行业协会、5家知名网站保持合作关系,屡获全国优秀畅销书大奖,其推出的“完全自学手册”、“从入门到精通”、“非常网络6+1”等均成为业界知名图书品牌,受到百万读者的认可和推荐。

目录
目 录

第1篇 JavaScript基础篇

第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库的开发工具——JavaScript Boilerplate 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 使用非标准DOM innerHTML属性 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高级篇

第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框架篇

第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篇 实战篇

第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

文摘
版权页:



插图:



JavaScript Editor Pro号称是最好的JavaScript编写工具,笔者认为事实上确实如此。它除了支持多种网页脚本语言编辑(JavaScript,HTML,CSS,VBScript,PHP和ASP(Net)语法标注等)和内嵌的预览功能,还提供了大量的HTM[一标签、属性、事件和JavaScript事件、功能、属性、语句、动作等代码库,让你只需要鼠标单击选择就可以直接插入相应位置,而不需要再从键盘输入了。
JavaScript Editor这个先进的JavaScript编辑器可以使用内置的“函数和变量”导航工具帮助你浏览代码提供智能提示以简化代码编写过程,有效地减少了语法等错误。
软件发布者提供了免费版的下载,免费版的软件名称叫Free JavaScript E'ditor,需要注意的是,该免费版提供了21天的试用期限。
Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。最新的版本已经更新至CS6。
CS6新增了在软件中改善的FTP性能,更高效地传输大型文件。更新的“实时视图”和“多屏幕预览”面板可呈现HTML5代码,使您能检查自己的工作。使用响应迅速的CSS3自适应网格版面,来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目,提高工作效率。直观地创建复杂网页设计和页面版面,无需忙于编写代码。使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程序。建立触及移动受众的应用程序,同时简化移动开发工作流程。

购买书籍

当当网购书 京东购书 卓越购书

PDF电子书下载地址

相关书籍

搜索更多