描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787302489177丛书名: 网站开发案例课堂
本书特色
零基础、入门级的讲解
无论您是否从事计算机相关行业，无论您是否接触过JavaScript jQuery动态网页设计，都能从本书中找到适合的起点。
超多、实用、专业的范例和项目
本书在编排上紧密结合深入学习网页制作技术的先后过程，从JavaScript的基本概念开始，带领读者逐步深入地学习各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者读起来简明轻松，操作起来有章可循。
随时检测自己的学习成果
大部分章后的“疑难解惑”板块，均根据本章内容精选而成，可以帮助读者解决自学过程中常见的疑难问题。
细致入微、贴心提示
本书在讲解过程中，在各章中使用了“注意”“提示”“技巧”等小贴士，使读者在学习过程中更清楚地了解相关操作、理解相关概念，并轻松掌握各种操作技巧。
专业创作团队和技术支持
您在学习过程中遇到任何问题，可加入QQ群(案例课堂VIP)进行提问，会有专家在线答疑。
超值资源大放送
全程同步教学录像
涵盖本书所有知识点，详细讲解每个实例及项目的过程及技术关键点。使读者比看书更轻松地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分能使读者获得比书中讲解更多的收获。
超多容量资源
赠送大量资源，包括实例源代码、教学幻灯片、本书精品教学视频、88个实用类网页模板、12部网页开发必备参考手册、jQuery参考手册、JavaScript函数速查手册、精选的JavaScript实例、CSS 3属性速查表、CSS DIV布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析、Web前端工程师常见面试题等。
《JavaScript jQuery动态网页设计案例课堂(第2版)》以零基础讲解为宗旨，用实例引导读者深入学习，采取“JavaScript基础入门→JavaScript核心技术→jQuery高级应用→综合案例实战”的讲解模式，深入浅出地讲解HTML 5的各项技术及实战技能。
《JavaScript jQuery动态网页设计案例课堂(第2版)》第1篇“JavaScript基础入门”主要内容包括：必须了解的JavaScript知识、JavaScript编程基础、程序控制结构和语句；第2篇“JavaScript核心技术”主要内容包括：JavaScript中的函数、对象与数组、日期与字符串对象、数值与数学对象、文档对象模型与事件驱动、处理窗口和文档对象、JavaScript的调试和错误处理、JavaScript和Ajax技术；第3篇“jQuery高级应用”主要内容包括：jQuery的基础知识、jQuery的选择器、用jQuery控制页面、jQuery的动画特效、jQuery的事件处理、jQuery的功能函数、jQuery插件的开发与使用；第4篇“综合案例实战”主要内容包括：开发图片堆叠系统和开发商品信息展示系统。
《JavaScript jQuery动态网页设计案例课堂(第2版)》适合任何想学习JavaScript jQuery网页设计的人员，无论您是否从事计算机相关行业，无论您是否接触过JavaScript jQuery，通过学习均可快速掌握JavaScript jQuery网页设计的方法和技巧。
目 录
第1篇 JavaScript基础入门
第1章 必须了解的JavaScript知识 3
1.1 认识JavaScript 4
1.1.1 什么是JavaScript 4
1.1.2 JavaScript的特点 4
1.1.3 JavaScript与Java的区别 5
1.1.4 JavaScript版本 6
1.2 JavaScript的编写工具 7
1.2.1 记事本 7
1.2.2 UltraEdit-32 8
1.2.3 Dreamweaver CC 9
1.3 JavaScript在HTML 5中的使用 10
1.3.1 在HTML 5网页头中嵌入
JavaScript代码 10
1.3.2 在HTML 5网页中嵌入JavaScript
代码 11
1.3.3 在HTML 5网页的元素事件中
嵌入JavaScript代码 12
1.3.4 在HTML 5中调用已有的
JavaScript文件 13
1.3.5 通过JavaScript伪URL引入
JavaScript脚本代码 14
1.4 JavaScript和浏览器 15
1.4.1 在Internet Explorer中调用
JavaScript代码 15
1.4.2 在Firefox中调用JavaScript
代码 16
1.4.3 在Opera中调用JavaScript
代码 16
1.4.4 浏览器中的文档对象类型
(DOM) 16
1.5 实战演练——一个简单的JavaScript
示例 17
1.6 疑难解惑 18
第2章 JavaScript编程基础 19
2.1 JavaScript的基本语法 20
2.1.1 执行顺序 20
2.1.2 区分大小写 20
2.1.3 分号与空格 20
2.1.4 对代码进行换行 21
2.1.5 注释 21
2.1.6 语句 23
2.1.7 语句块 24
2.2 JavaScript的数据结构 25
2.2.1 标识符 25
2.2.2 关键字 26
2.2.3 保留字 26
2.2.4 常量 27
2.2.5 变量 27
2.3 看透代码中的数据类型 29
2.3.1 typeof运算符 29
2.3.2 Undefined类型 31
2.3.3 Null类型 31
2.3.4 Boolean类型 32
2.3.5 Number类型 32
2.3.6 String类型 33
2.3.7 Object类型 34
2.4 明白数据间的计算法则——运算符 34
2.4.1 算术运算符 34
2.4.2 比较运算符 35
2.4.3 位运算符 36
2.4.4 逻辑运算符 38
2.4.5 条件运算符 39
2.4.6 赋值运算符 40
2.4.7 运算符的优先级 42
2.5 JavaScript的表达式 43
2.5.1 赋值表达式 43
2.5.2 算术表达式 44
2.5.3 布尔表达式 44
2.5.4 字符串表达式 46
2.5.5 类型转换 47
2.6 实战演练——局部变量和全局变量的
优先级 48
2.7 疑难解惑 49
第3章 程序控制结构和语句 51
3.1 基本处理流程 52
3.2 赋值语句 53
3.3 条件判断语句 53
3.3.1 if语句 53
3.3.2 if-else语句 54
3.3.3 if-else-if语句 55
3.3.4 if语句的嵌套 56
3.3.5 switch语句 57
3.4 循环控制语句 59
3.4.1 while语句 59
3.4.2 do-while语句 60
3.4.3 for循环 61
3.5 跳转语句 62
3.5.1 break语句 62
3.5.2 continue语句 63
3.6 使用对话框 64
3.7 实战演练——显示距离2018年元旦的
天数 66
3.8 疑难解惑 68
第2篇 JavaScript核心技术
第4章 JavaScript中的函数 71
4.1 函数的简介 72
4.2 调用函数 72
4.2.1
函数的简单调用 72
4.2.2
在表达式中调用 73
4.2.3
在事件响应中调用函数 74
4.2.4
通过链接调用函数 75
4.3
JavaScript中常用的函数 76
4.3.1
嵌套函数 76
4.3.2
递归函数 77
4.3.3
内置函数 78
4.4 实战演练1——购物简易计算器 86
4.5 实战演练2——制作闪烁图片 89
4.6 疑难解惑 90
第5章 对象与数组 91
5.1 了解对象 92
5.1.1 什么是对象 92
5.1.2 面向对象编程 93
5.1.3 JavaScript的内部对象 94
5.2 对象访问语句 95
5.2.1 for-in循环语句 95
5.2.2 with语句 96
5.3 JavaScript中的数组 97
5.3.1 结构化数据 97
5.3.2 创建和访问数组对象 97
5.3.3 使用for-in语句 100
5.3.4 Array对象的常用属性
和方法 100
5.4 详解常用的数组对象方法 109
5.4.1 连接其他数组到当前数组 109
5.4.2 将数组元素连接为字符串 110
5.4.3 移除数组中的最后一个元素 110
5.4.4 将指定的数值添加到数组中 111
5.4.5 反序排列数组中的元素 112
5.4.6 删除数组中的第一个元素 112
5.4.7 获取数组中的一部分数据 113
5.4.8 对数组中的元素进行排序 114
5.4.9 将数组转换成字符串 115
5.4.10 将数组转换成本地字符串 116
5.4.11 在数组开头插入数据 116
5.5 创建和使用自定义对象 117
5.5.1 通过定义对象的构造函数的
方法 117
5.5.2 通过对象直接初始化的方法 120
5.5.3 修改和删除对象实例的属性 120
5.5.4 通过原型为对象添加新属性和
新方法 121
5.5.5 自定义对象的嵌套 123
5.5.6 内存的分配和释放 125
5.6 实战演练——利用二维数组创建动态
下拉菜单 126
5.7 疑难解惑 128
第6章 日期与字符串对象 129
6.1 日期对象 130
6.1.1 创建日期对象 130
6.1.2 Date对象的属性 131
6.1.3 日期对象的常用方法 131
6.2 详解日期对象的常用方法 134
6.2.1 返回当前日期和时间 135
6.2.2 以不同的格式显示当前日期 135
6.2.3 返回日期所对应的是星期几 136
6.2.4 显示当前时间 137
6.2.5 返回距1970年1月1日午夜的
时间差 138
6.2.6 以不同的格式来显示UTC
日期 139
6.2.7 根据世界时返回日期对应的是
星期几 140
6.2.8 以不同的格式来显示UTC
时间 141
6.2.9 设置日期对象中的年份、月份
和日期值 142
6.2.10 设置日期对象中的小时、分钟
和秒钟值 143
6.2.11 以UTC日期对Date对象进行
设置 144
6.2.12 返回当地时间与UTC时间的
差值 145
6.2.13 将Date对象中的日期转化为
字符串格式 146
6.2.14 返回一个以UTC时间表示的
日期字符串 147
6.2.15 将日期对象转化为本地日期 147
6.2.16 日期间的运算 148
6.3 字符串对象 149
6.3.1 创建字符串对象 149
6.3.2 字符串对象的常用属性 150
6.3.3 字符串对象的常用方法 151
6.4 详解字符串对象的常用方法 152
6.4.1 设置字符串字体属性 152
6.4.2 以闪烁方式显示字符串 153
6.4.3 转换字符串的大小写 154
6.4.4 连接字符串 155
6.4.5 比较两个字符串的大小 156
6.4.6 分割字符串 156
6.4.7 从字符串中提取字符串 157
6.5 实战演练1——制作网页随机
验证码 158
6.6 实战演练2——制作动态时钟 159
6.7 疑难解惑 161
第7章 数值与数学对象 163
7.1 Number对象 164
7.1.1 创建Number对象 164
7.1.2 Number对象的属性 164
7.1.3 Number对象的方法 168
7.2 详解Number对象常用的方法 168
7.2.1 把Number对象转换为
字符串 168
7.2.2 把Number对象转换为本地格式
字符串 169
7.2.3 四舍五入时指定小数位数 170
7.2.4 返回以指数记数法表示的
数值 170
7.2.5 以指数记数法指定小数位 171
7.3 Math对象 171
7.3.1 创建Math对象 171
7.3.2 Math对象的属性 172
7.3.3 Math对象的方法 173
7.4 详解Math对象常用的方法 174
7.4.1 返回数的绝对值 174
7.4.2 返回数的正弦值、余弦值和
正切值 175
7.4.3 返回数的反正弦值、反正切值
和反余弦值 177
7.4.4 返回两个或多个参数中的
最大值或最小值 179
7.4.5 计算指定数值的平方根 180
7.4.6 数值的幂运算 180
7.4.7 计算指定数值的对数 181
7.4.8 取整运算 182
7.4.9 生成0到1之间的随机数 183
7.4.10 根据指定的坐标返回一个
弧度值 183
7.4.11 返回大于或等于指定参数的
最小整数 184
7.4.12 返回小于或等于指定参数的
最大整数 185
7.4.13 返回以e为基数的幂 185
7.5 实战演练——使用Math对象设计
程序 186
7.6 疑难解惑 187
第8章 文档对象模型与事件驱动 189
8.1 文档对象模型 190
8.1.1 认识文档对象模型 191
8.1.2 文档对象的产生过程 192
8.2 访问节点 193
8.2.1 节点的基本概念 193
8.2.2 节点的基本操作 194
8.3 文档对象模型的属性和方法 206
8.4 事件处理 207
8.4.1 常见的事件驱动 208
8.4.2 JavaScript的常用事件 210
8.4.3 JavaScript处理事件的方式 212
8.4.4 使用event对象 216
8.5 实战演练1——通过事件控制文本框的
背景颜色 217
8.6 实战演练2——在DOM模型中获得
对象 219
8.7 实战演练3——超级链接的事件
驱动 221
8.8 疑难解惑 222
第9章 处理窗口和文档对象 225
9.1 窗口(window)对象 226
9.1.1 窗口(window)简介 226
9.1.2 window对象的属性 228
9.1.3 对话框 235
9.1.4 窗口操作 241
9.2 文档(document)对象 244
9.2.1 文档的属性 244
9.2.2 document对象的方法 252
9.2.3 文档中的表单和图片 254
9.2.4 文档中的超链接 256
9.3 实战演练1——综合使用各种
对话框 258
9.4 实战演练2——设置弹出的窗口 259
9.5 疑难解惑 261
第10章 JavaScript的调试和错误
处理 263
10.1 常见的错误和异常 264
10.2 处理异常的方法 265
10.2.1 用onerror事件处理异常 265
10.2.2 用try-catch-finally语句处理
异常 267
10.2.3 使用throw语句抛出异常 268
10.3 使用调试器 269
10.3.1 IE浏览器内建的错误报告 269
10.3.2 用Firefox错误控制台调试 270
10.4 JavaScript语言调试技巧 270
10.4.1 用alert()语句进行调试 271
10.4.2 用write()语句进行调试 271
10.5 疑难解惑 272
第11章 JavaScript和Ajax技术 273
11.1 Ajax快速入门 274
11.1.1 什么是Ajax 274
11.1.2 Ajax的关键元素 277
11.1.3 CSS在Ajax应用中的地位 277
11.2 Ajax的核心技术 278
11.2.1 全面剖析XMLHttpRequest
对象 278
11.2.2 发出Ajax请求 280
11.2.3 处理服务器响应 282
11.3 实战演练1——制作自由拖放的
网页 283
11.4 实战演练2——制作加载条 288
11.5 疑难解惑 290
第3篇 jQuery高级应用
第12章 jQuery的基础知识 293
12.1 jQuery概述 294
12.1.1 jQuery能做什么 294
12.1.2 jQuery的特点 294
12.1.3 jQuery的技术优势 295
12.2 下载并配置jQuery 297
12.2.1 下载jQuery 298
12.2.2 配置jQuery 299
12.3 jQuery的开发工具 299
12.3.1 JavaScript Editor Pro 299
12.3.2 Dreamweaver 300
12.3.3 UltraEdit 301
12.3.4 记事本工具 301
12.4 jQuery的调试小工具 302
12.4.1 Firebug 302
12.4.2 Blackbird 305
12.4.3 jQueryPad 306
12.5 jQuery与CSS 3 307
12.5.1 CSS 3构造规则 307
12.5.2 浏览器的兼容性 308
12.5.3 jQuery的引入 309
12.6 实战演练——我的第一个jQuery
程序 310
12.6.1 开发前的一些准备工作 310
12.6.2 具体的程序开发 311
12.7 疑难解惑 311
第13章 jQuery的选择器 313
13.1 jQuery的$ 314
13.1.1 $符号的应用 314
13.1.2 功能函数的前缀 315
13.1.3 创建DOM元素 315
13.2 基本选择器 316
13.2.1 通配符选择器(*) 316
13.2.2 ID选择器(#id) 317
13.2.3 类名选择器(.class) 318
13.2.4 元素选择器(element) 319
13.2.5 复合选择器 320
13.3 层级选择器 321
13.3.1 祖先后代选择器(ancestor
descendant) 321
13.3.2 父子选择器(parent>child) 323
13.3.3 相邻元素选择器(prev next) 324
13.3.4 兄弟选择器(prev~siblings) 326
13.4 过滤选择器 327
13.4.1 简单过滤选择器 327
13.4.2 内容过滤选择器 334
13.4.3 可见性过滤选择器 340
13.4.4 表单过滤选择器 344
13.5 表单选择器 345
13.5.1 :input 346
13.5.2 :text 346
13.5.3 :password 347
13.5.4 :radio 348
13.5.5 :checkbox 349
13.5.6 :submit 350
13.5.7 :reset 351
13.5.8 :button 352
13.5.9 :image 353
13.5.10 :file 354
13.6 属性选择器 355
13.6.1 [attribute] 355
13.6.2 [attribute=value] 356
13.6.3 [attribute!=value] 358
13.6.4 [attribute$=value] 359
13.7
实战演练——匹配表单中的元素并
实现不同的操作 360
13.8
疑难解惑 361
第14章 用jQuery控制页面 363
14.1 对页面的内容进行操作 364
14.1.1 对文本内容进行操作 364
14.1.2 对HTML内容进行操作 366
14.1.3 移动和复制页面内容 367
14.1.4 删除页面内容 368
14.1.5 克隆页面内容 369
14.2 对标记的属性进行操作 370
14.2.1 获取属性的值 370
14.2.2 设置属性的值 371
14.2.3 删除属性的值 372
14.3 对表单元素进行操作 373
14.3.1 获取表单元素的值 373
14.3.2 设置表单元素的值 374
14.4 对元素的CSS样式进行操作 375
14.4.1 添加CSS类 375
14.4.2 删除CSS类 377
14.4.3 动态切换CSS类 378
14.4.4 获取和设置CSS样式 379
14.5 实战演练——制作奇偶变色的表格 381
14.6 疑难解惑 383
第15章 jQuery的动画特效 385
15.1 jQuery的基本动画效果 386
15.1.1 隐藏元素 386
15.1.2 显示元素 389
15.1.3 状态切换 391
15.2 淡入淡出的动画效果 392
15.2.1 淡入隐藏元素 392
15.2.2 淡出可见元素 394
15.2.3 切换淡入淡出元素 395
15.2.4 淡入淡出元素至指定
参数值 396
15.3 滑动效果 397
15.3.1 滑动显示匹配的元素 397
15.3.2 滑动隐藏匹配的元素 398
15.3.3 通过高度的变化动态切换
元素的可见性 400
15.4 自定义的动画效果 401
15.4.1 创建自定义动画 401
15.4.2 停止动画 402
15.5 疑难解惑 404
第16章 jQuery的事件处理 405
16.1 jQuery的事件机制概述 406
16.1.1 什么是jQuery的事件机制 406
16.1.2 切换事件 406
16.1.3 事件冒泡 408
16.2 页面加载响应事件 409
16.3 jQuery中的事件函数 410
16.3.1 键盘操作事件 410
16.3.2 鼠标操作事件 412
16.3.3 其他常用事件 415
16.4 事件的基本操作 417
16.4.1 绑定事件 417
16.4.2 触发事件 418
16.4.3 移除事件 419
16.5 实战演练——制作绚丽的多级动画
菜单 420
16.6 疑难解惑 425
第17章 jQuery的功能函数 427
17.1 功能函数概述 428
17.2 常用的功能函数 429
17.2.1 操作数组和对象 429
17.2.2 操作字符串 432
17.2.3 序列化操作 434
17.3 调用外部代码 435
17.4 疑难解惑 436
第18章 jQuery插件的开发与使用 437
18.1 理解插件 438
18.1.1 什么是插件 438
18.1.2 如何使用插件 438
18.2 流行的插件 439
18.2.1 jQueryUI插件 440
18.2.2 Form插件 442
18.2.3 提示信息插件 443
18.2.4 jcarousel插件 444
18.3 定义自己的插件 444
18.3.1 插件的工作原理 444
18.3.2 自定义一个简单的插件 445
18.4 实战演练——创建拖曳购物车效果 448
18.5 疑难解惑 449
第4篇 综合案例实战
第19章 项目演练1——开发图片堆叠
系统 453
19.1
项目需求分析 454
19.2
项目技术分析 455
19.3
系统的代码实现 455
19.3.1
设计首页 456
19.3.2
图片堆叠核心功能 461
19.3.3
封装jQuery插件 468
19.3.4
合并js文件和编译CSS
文件 469
19.3.5
合并ImgPile.js
和jquery.imgpile.js文件 470
第20章
项目演练2——开发商品信息
展示系统 479
20.1
项目需求分析 480
20.2
项目技术分析 482
20.3
系统的代码实现 482
20.3.1
设计首页 482
20.3.2
开发控制器类的文件 484
20.3.3
开发数据模型类文件 486
20.3.4
开发视图抽象类的文件 488
20.3.5
项目中的其他js文件说明 491
前 言
“网站开发案例课堂”系列图书是专门为办公技能和网页设计初学者量身定制的一套学习用书。整套书涵盖网页设计、网站开发、数据库设计等方面。整套书具有以下特点。
前沿科技
无论是网站建设、数据库设计还是HTML 5、CSS 3、JavaScript，我们都精选较为前沿或者用户群较大的领域进行讲解，帮助读者认识和了解最新动态。
权威的作者团队
组织国家重点实验室和资深应用专家联手编著该套图书，融合丰富的教学经验与优秀的管理理念。
学习型案例设计
以技术的实际应用过程为主线，全程采用图解和同步多媒体结合的教学方式，生动、直观、全面地剖析使用过程中的各种应用技能，降低难度，提升学习效率。
为什么要写这样一本书
随着网页对用户页面体验要求的提高，JavaScript再度受到广大技术人员的重视。jQuery是继prototype之后又一个优秀的JavaScript框架。本书将全面介绍JavaScript jQuery动态网页设计的知识，主要针对学习动态网页设计的初学者，让读者能够快速入门和上手。通过本书的案例实训，读者可以很快地上手流行的工具，提高职业化能力，从而帮助解决公司与求职者的双重需求问题。
本书特色
零基础、入门级的讲解
无论您是否从事计算机相关行业，无论您是否接触过JavaScript jQuery动态网页设计，都能从本书中找到最佳起点。
超多、实用、专业的范例和项目
本书在编排上紧密结合深入学习网页制作技术的先后过程，从JavaScript的基本概念开始，带领读者逐步深入地学习各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者读起来简明轻松，操作起来有章可循。
随时检测自己的学习成果
大部分章后的“疑难解惑”板块，均根据本章内容精选而成，可以帮助读者解决自学过程中常见的疑难问题。
细致入微、贴心提示
本书在讲解过程中，在各章中使用了“注意”“提示”“技巧”等小贴士，使读者在学习过程中更清楚地了解相关操作、理解相关概念，并轻松掌握各种操作技巧。
专业创作团队和技术支持
您在学习过程中遇到任何问题，可加入QQ群(案例课堂VIP)451102631进行提问，会有专家在线答疑。
超值资源大放送
全程同步教学录像
涵盖本书所有知识点，详细讲解每个实例及项目的过程及技术关键点。使读者比看书更轻松地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分能使读者获得比书中讲解更多的收获。
超多容量王牌资源
赠送大量王牌资源，包括实例源代码、教学幻灯片、本书精品教学视频、88个实用类网页模板、12部网页开发必备参考手册、jQuery参考手册、JavaScript函数速查手册、精选的JavaScript实例、CSS 3属性速查表、CSS DIV布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析、Web前端工程师常见面试题等。读者可以通过QQ群(案例课堂VIP)451102631获取赠送资源，也可以扫描二维码，下载本书资源。
读者对象
没有任何网页设计基础的初学者。
有一定的JavaScript基础，想精通JavaScript jQuery网页设计的人员。
有一定的JavaScript jQuery网页设计基础，没有项目经验的人员。
正在进行毕业设计的学生。
大专院校及培训学校的老师和学生。
创作团队
本书由刘春茂编著，参加编写的人员还有刘玉萍、张金伟、蒲娟、周佳、付红、李园、郭广新、侯永岗、王攀登、刘海松、孙若淞、王月娇、包慧利、陈伟光、胡同夫、王伟、展娜娜、李琪、梁云梁和周浩浩。在编写过程中，我们竭尽所能地将最好的讲解呈现给读者，但也难免有疏漏和不妥之处，敬请不吝指正。若您在学习中遇到困难或疑问，或有任何建议，可写信至信箱[email protected]。
编 者
第2章 JavaScript编程基础
无论是传统编程语言，还是脚本语言，都具有数据类型、常量和变量、运算符、表达式、注释语句、流程控制语句等基本构成元素，了解这些基本元素是学会编程的第一步。本章主要讲述JavaScript编程的基本知识。
2.1 JavaScript的基本语法
JavaScript可以直接用记事本编写，其中包括语句、相关的语句块及注释。在一条语句内可以使用变量、表达式等。下面介绍相关的编程语法基础。
2.1.1 执行顺序
JavaScript程序按照在HTML文件中出现的顺序逐行执行。如果需要在整个HTML文件中执行，最好将其放在HTML文件的
标记对中。某些代码，如函数体内的代码，不会被立即执行，只有当所在的函数被其他程序调用时，该代码才会被执行。
2.1.2 区分大小写
JavaScript对字母大小写敏感，也就是说，在输入语言的关键字、函数、变量及其他标识符时，一定要严格区分字母的大小写。例如，username和userName是两个不同的变量。
HTML不区分大小写。由于JavaScript与HTML紧密相关，这一点很容易混淆。许多JavaScript对象和属性都与其代表的HTML标签或属性同名，在HTML中，这些名称可以以任意的大小写方式输入，而不会引起混乱，但在JavaScript中，这些名称通常都是小写的。例如，在HTML中的单击事件处理器属性通常被声明为onClick或Onclick，而在JavaScript中只能使用onclick。
2.1.3 分号与空格
在JavaScript语句中，分号是可有可无的，这一点与Java语言不同，JavaScript并不要求每行必须以分号作为语句的结束标志。如果语句的结束处没有分号，JavaScript会自动地将该代码的结尾作为语句的结尾。
例如，下面两行代码的书写方式都是正确的：
Alert(“hello,JavaScript”)
Alert(“hello,JavaScript”);
鉴于需要养成良好的编程习惯，最好在每行的最后都加上一个分号，这样能保证每行代码都是正确的、易读的。
另外，JavaScript会忽略多余的空格，用户可以向脚本中添加空格，来提高其可读性。例如，下面的两行代码是等效的：
var name=”Hello”;
var name = “Hello”;
2.1.4 对代码进行换行
当一段代码比较长时，用户可以在文本字符串中使用反斜杠对代码进行换行。
例如，下面的代码会正确地运行：
document.write(“Hello
World!”);
不过，用户不能像下面这样换行：
document.write
(“Hello World!”);
2.1.5 注释
注释通常用来解释程序代码的功能(增加代码的可读性)或阻止代码的执行(调试程序时)，不参与程序的执行。在JavaScript中，注释分为单行注释和多行注释两种。
1. 单行注释语句
在JavaScript中，单行注释以双斜杠“//”开始，直到这一行结束。单行注释“//”可以放在行的开头或行的末尾，无论放在哪里，凡是从“//”符号开始到本行结束为止的所有内容，就都不会执行。在一般情况下，如果“//”位于一行的开头，则用来解释下一行或一段代码的功能；如果“//”位于一行的末尾，则用来解释当前行代码的功能。如果用来阻止一行代码的执行，也常将“//”放在这一行的开头。
【例2.1】(示例文件ch022.1.html)
使用单行注释语句：
function disptime()
{
//创建日期对象now，并实现当前日期的输出
var
now = new Date();
//document.write(“
河南旅游网
“);
document.write(“
今天日期:”
now.getFullYear() “年”
(now.getMonth() 1) “月”
now.getDate() “日”); //在页面上显示当前年月日
}
上述代码中，共使用了3个注释语句。第一个注释语句将“//”符号放在了行首，通常用来解释下面代码的功能与作用。第二个注释语句将“//”符号放在了代码的行首，阻止了该行代码的执行。第三个注释语句放在了代码行的末尾，主要是对该行相关的代码进行解释说明。
在IE 11.0中浏览，效果如图2-1所示，可以看到代码中的注释没有被执行。
图2-1 使用单行注释语句
2. 多行注释
单行注释语句只能注释一行代码，假设在调试程序时，希望有一段代码(若干行)不被浏览器执行或者对代码的功能说明一行书写不完，那么就可以使用多行注释语句。多行注释语句以“/*”开始，以“*/”结束，可以注释一段代码。
【例2.2】(示例文件ch022.2.html)
使用多行注释语句：
/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById(“myH1″).innerHTML=”Welcome
to my Homepage”;
document.getElementById(“myP”).innerHTML=”This
is my first paragraph.”;
注释：注释块不会被执行。
在IE 11.0中浏览，效果如图2-2所示，可以看到代码中的注释没有被执行。
图2-2 使用多行注释语句
评论
还没有评论。