课堂实录 JavaScript网页设计与网站特效课堂实录PDF电子书下载

第1章 JavaScript基础知识 2

1.1 JavaScript简介 2

1.1.1 JavaScript的历史 2

1.1.2 JavaScript特点 2

1.1.3 JavaScript和Java的区别 3

1.2 在HTML中嵌入JavaScript的方法 4

1.2.1 ＜script／＞使用方法 4

1.2.2 外调脚本文件 5

1.2.3 直接位于事件处理部分的代码中 5

1.3 第一个JavaScript程序 6

1.3.1 预备知识 6

1.3.2 JavaScript编辑器的选择 6

1.3.3 编写HelloWorld程序 6

1.3.4 浏览器对JavaScript的支持 7

1.4 实战应用——浏览器状态栏显示信息 8

1.5 课后练习 9

第2章 HTML基础 11

2.1 HTML语言概述 11

2.1.1 HTML概述 11

2.1.2 HTML文档结构 12

2.2 HTML标签 13

2.2.1 课堂小实例——头部标签＜head＞…＜／head＞ 13

2.2.2 课堂小实例——标题标签＜title＞…＜／title＞ 13

2.2.3 课堂小实例——索引标签＜isindex＞ 14

2.2.4 主体标签＜body＞…＜／body＞ 14

2.2.5 课堂小实例——特殊字符 15

2.3 HTML格式标签 15

2.3.1 课堂小实例——段落标签＜p＞ 15

2.3.2 课堂小实例——换行标签＜br＞ 16

2.3.3 课堂小实例——缩进标签＜blockquote＞ 16

2.3.4 课堂小实例——预格式化标签＜pre＞ 17

2.4 HTML文本标签 18

2.4.1 课堂小实例——标题标签 18

2.4.2 课堂小实例——＜Font＞标签 19

2.4.3 课堂小实例——字体大小标签font-size 19

2.5 HTML超链接标签 20

2.5.1 属性href 20

2.5.2 属性target 21

2.5.3 属性title 22

2.5.4 课堂小实例——链接到E-mail地址 22

2.6 HTML图像标签 23

2.6.1 课堂小实例——属性img 23

2.6.2 课堂小实例——属性alt 24

2.6.3 课堂小实例——属性height和width 25

2.6.4 课堂小实例——属性align 26

2.6.5 课堂小实例——属性border 27

2.7 HTML表格标签 28

2.7.1 课堂小实例——表格标签＜table＞…＜／table＞ 28

2.7.2 课堂小实例——表头标签＜th＞…＜／th＞ 28

2.7.3 课堂小实例——说明标签＜caption＞…＜／caption＞ 29

2.8 HTML框架标签 30

2.8.1 框架集标签＜frameset＞…＜／frameset＞ 30

2.8.2 标签＜noframes＞ 31

2.8.3 浮动窗口标签＜iframe＞…＜／iframe＞ 32

2.8.4 框架的frameborder设置 32

2.9 HTML表单标签 33

2.9.1 课堂小实例——表单标签＜form＞…＜／from＞ 33

2.9.2 课堂小实例——用户输入区域标签＜input type＝″″＞ 33

2.10 实战应用——制作精美表格效果 34

2.11 课后练习 36

第3章 数据类型和变量 38

3.1 基本数据类型 38

3.1.1 课堂小实例——使用字符串型数据 38

3.1.2 课堂小实例——使用数值型数据 39

3.1.3 课堂小实例——使用布尔型数据 39

3.1.4 课堂小实例——使用Undefined和Null类型 40

3.2 复合数据类型 40

3.2.1 常用的内置对象 40

3.2.2 课堂小实例——日期对象 40

3.2.3 数学对象 43

3.2.4 字符串对象 44

3.2.5 数组对象 45

3.3 常量 46

3.3.1 常量的种类 46

3.3.2 课堂小实例——常量的使用方法 46

3.4 变量 47

3.4.1 变量的含义 47

3.4.2 变量的定义方式 47

3.4.3 变量的命名规则 48

3.4.4 课堂小实例——变量的作用范围 48

3.5 实战应用——制作倒计时特效 49

3.6 课后练习 51

第4章 表达式与运算符 53

4.1 表达式 53

4.2 操作数 53

4.3 运算符介绍 54

4.3.1 运算符 54

4.3.2 操作数的类型 54

4.4 算术运算符 54

4.4.1 课堂小实例——加法运算符 54

4.4.2 课堂小实例——减法运算符 55

4.4.3 课堂小实例——乘法运算符 55

4.4.4 课堂小实例——除法运算符 56

4.4.5 课堂小实例——取模运算符 56

4.4.6 课堂小实例——负号运算符 56

4.4.7 课堂小实例——正号运算符 57

4.4.8 课堂小实例——递增运算符 57

4.4.9 课堂小实例——递减运算符 57

4.5 关系运算符 58

4.5.1 课堂小实例——相等运算符 58

4.5.2 课堂小实例——等同运算符 59

4.5.3 课堂小实例——不等运算符 59

4.5.4 课堂小实例——不等同运算符 60

4.5.5 课堂小实例——小于运算符 61

4.5.6 课堂小实例——大于运算符 61

4.5.7 课堂小实例——小于或等于运算符 61

4.5.8 课堂小实例——大于或等于运算符 62

4.6 课堂小实例——字符串运算符 62

4.7 赋值运算符 62

4.8 逻辑运算符 63

4.8.1 课堂小实例——逻辑与运算符 63

4.8.2 课堂小实例——逻辑或运算符 63

4.8.3 课堂小实例——逻辑非运算符 64

4.9 位运算符 64

4.9.1 课堂小实例——位与运算符 64

4.9.2 课堂小实例——位或运算符 65

4.9.3 课堂小实例——位异或运算符 65

4.9.4 课堂小实例——位非运算符 66

4.9.5 课堂小实例——左移运算符 66

4.9.6 课堂小实例——带符号右移运算符 67

4.10 课后练习 67

第5章 JavaScript程序核心语法 69

5.1 函数 69

5.1.1 什么是函数 69

5.1.2 理解函数的参数传递 70

5.1.3 函数中变量的作用域和返回值 70

5.2 函数的定义 71

5.2.1 函数的普通定义方式 71

5.2.2 函数的变量定义方式 72

5.2.3 函数的指针调用方式 73

5.3 使用选择语句 74

5.3.1 课堂小实例—if选择语句 74

5.3.2 课堂小实例——if...else选择语句 75

5.3.3 课堂小实例——if...else...if选择语句 76

5.3.4 课堂小实例—switch多条件选择语句 77

5.4 使用循环语句 78

5.4.1 课堂小实例——for循环语句 79

5.4.2 课堂小实例——while循环语句 79

5.4.3 课堂小实例——do-while循环语句 80

5.4.4 课堂小实例——break和continue跳转语句 81

5.5 实战应用——禁止鼠标右击 83

5.6 课后练习 84

第6章 JavaScript核心对象 86

6.1 面向对象编程的简单概念 86

6.1.1 什么是面向对象 86

6.1.2 如何创建对象 87

6.1.3 对象的属性 87

6.1.4 对象的方法 87

6.2 对象应用 88

6.2.1 课堂小实例——声明和实例化 88

6.2.2 课堂小实例——对象的引用 90

6.2.3 对象的废除 91

6.2.4 课堂小实例——对象的早绑定和晚绑定 91

6.3 JavaScript的对象层次 91

6.3.1 客户端对象层次介绍 92

6.3.2 浏览器对象模型 92

6.4 综合实战——显示当前时间 93

6.5 课后练习 95

第7章 JavaScript中的事件 97

7.1 事件驱动与事件处理 97

7.1.1 事件与事件驱动 97

7.1.2 事件与处理代码关联 98

7.1.3 调用函数的事件 99

7.1.4 调用代码的事件 100

7.1.5 设置对象事件的方法 100

7.2 常见事件 101

7.2.1 课堂小实例——Click事件 101

7.2.2 课堂小实例——onchange事件 102

7.2.3 课堂小实例——onSelect事件 103

7.2.4 课堂小实例——onfocus事件 105

7.2.5 课堂小实例——onload事件 105

7.2.6 课堂小实例——鼠标移动事件 106

7.2.7 课堂小实例——onblur事件 108

7.3 其他常用事件 109

7.4 实战应用——将事件应用于按钮中 110

7.5 课后练习 111

第8章 window对象 113

8.1 window对象 113

8.1.1 window对象介绍 113

8.1.2 window对象的使用方法 114

8.2 窗口位置 116

8.2.1 课堂小实例——装载文档 116

8.2.2 课堂小实例——获取窗口外侧以及内侧尺寸 116

8.2.3 课堂小实例——调整窗口的大小 118

8.3 对话框 118

8.3.1 课堂小实例——警告对话框 119

8.3.2 课堂小实例——询问对话框 119

8.3.3 课堂小实例——输入对话框 120

8.4 状态栏 121

8.4.1 状态栏介绍 121

8.4.2 课堂小实例——默认状态栏信息 121

8.4.3 课堂小实例——状态栏瞬间信息 121

8.5 窗口操作 122

8.5.1 课堂小实例——打开新窗口 122

8.5.2 课堂小实例——窗口名字 123

8.5.3 课堂小实例——关闭窗口 123

8.5.4 课堂小实例——窗口的引用 125

8.6 实战应用 125

8.7 课后练习 127

第9章 屏幕和浏览器对象 130

9.1 屏幕对象 130

9.1.1 课堂小实例——检测显示器参数 130

9.1.2 课堂小实例——客户端显示器屏幕分辨率 131

9.1.3 课堂小实例——客户端显示器屏幕的有效宽度和高度 132

9.1.4 课堂小实例——获取显示器的显示信息 133

9.2 浏览器对象 133

9.2.1 课堂小实例——获取浏览器对象的属性值 133

9.2.2 Plugin插件 134

9.3 综合实战 135

9.4 课后练习 137

第10章 文档对象 140

10.1 文档对象概述 140

10.1.1 文档对象介绍 140

10.1.2 文档对象的使用方法 143

10.1.3 课堂小实例——引用文档中对象的方法 143

10.2 文档对象的应用 145

10.2.1 课堂小实例——设置超链接的颜色 145

10.2.2 课堂小实例——设置网页背景颜色和默认文字颜色 145

10.2.3 课堂小实例——文档信息 146

10.2.4 课堂小实例——在网页中输出内容 147

10.2.5 课堂小实例——文档定位 148

10.2.6 课堂小实例——文档标题 149

10.2.7 课堂小实例——打开和关闭文档 149

10.3 链接对象 150

10.3.1 链接对象的介绍 150

10.3.2 课堂小实例——感知鼠标移动事件 151

10.4 脚本化cookie 151

10.4.1 cookie介绍 151

10.4.2 cookie的优点和缺点 152

10.4.3 检测浏览器是否支持cookie功能 152

10.4.4 创建cookie 153

10.4.5 cookie的生存期 153

10.5 实战应用——文字连续变换多种颜色 153

10.6 课后练习 155

第11章 历史对象和地址对象 157

11.1 历史对象 157

11.1.1 历史对象的介绍 157

11.1.2 课堂小实例——前进到上一页和后退到下一页 157

11.1.3 课堂小实例——跳转 158

11.1.4 课堂小实例——创建返回或前进到数页前页面的按钮 159

11.2 地址对象 160

11.2.1 URL介绍 160

11.2.2 课堂小实例——获取当前页面的URL 160

11.2.3 课堂小实例——加载新网页 162

11.2.4 课堂小实例——获取参数 162

11.2.5 重新装载当前文档 164

11.2.6 课堂小实例——加载新文档 164

11.2.7 课堂小实例——页面加载结束后，加载下一个页面 166

11.3 实战应用 167

11.4 课后练习 168

第12章 表单对象和图片对象 170

12.1 Form表单对象 170

12.1.1 课堂小实例——在链接中使用单选按钮 170

12.1.2 课堂小实例——给按钮添加链接 172

12.1.3 课堂小实例——给下拉菜单添加链接 175

12.1.4 课堂小实例——在文本框中滚动显示文字 177

12.1.5 课堂小实例——变更复选框的值 178

12.1.6 课堂小实例——密码验证 179

12.1.7 课堂小实例——确认是否重置 180

12.1.8 课堂小实例——选择上传的文件 182

12.2 image图片对象 183

12.2.1 课堂小实例——获取图片信息 183

12.2.2 课堂小实例——图片轮番显示效果 185

12.2.3 课堂小实例——控制动画播放 186

12.2.4 课堂小实例——指向或单击图片时，使图片发生变换 188

12.2.5 课堂小实例——显示加载图片状态 190

12.2.6 课堂小实例——确认是否重新加载图片 191

12.3 实战应用 192

12.3.1 实战应用1——如何制作在网页上不断飘来飘去的图片 192

12.3.2 实战应用2——不用数据库，只有访问者输入正确的名称与密码才能进入网页 194

12.4 课后练习 196

第13章 Ajax基础 198

13.1 了解传统的Web技术及Ajax的特点 198

13.2 认识Ajax技术的组成部分 199

13.2.1 Ajax中的JavaScript 199

13.2.2 Ajax中的XMLHttpRequest 199

13.2.3 Ajax中的CSS 200

13.2.4 Ajax中的DOM 200

13.2.5 Ajax中的XML 200

13.3 Ajax技术的优缺点分析 201

13.4 创建XMLHttpRequest 202

13.5 Ajax中Get请求与Post请求的区别 203

13.6 局部更新 205

13.7 一个完整的Ajax实例 208

第14章 导航菜单特效案例 211

14.1 横向展开的二级导航菜单 211

14.2 超实用的JavaScript下拉菜单 214

14.3 下拉折叠菜单 218

14.4 漂亮的分类导航菜单 224

14.5 网页滑动门菜单 225

第15章 文字和图片特效案例 230

15.1 JavaScript实现3D文字 230

15.2 飞翔的3D文字效果 231

15.3 3D旋转的文字 234

15.4 围绕鼠标转动的跟随文字 235

15.5 鼠标移上时放大图片 238

15.6 图片切换效果 239

15.7 网站横幅焦点图切换 243

15.8 百叶窗图片切换 246

第16章 按钮链接和页面特效案例 251

16.1 背景图片变色的按钮 251

16.2 单击按钮后按钮自动消失 253

16.3 闪烁的链接 254

16.4 打开链接时弹出询问确认框 256

16.5 在页面顶部显示进度条效果 256

16.6 网页定时刷新的特效 258

16.7 指定弹出窗口的位置 259

16.8 网页密码保护 260

16.9 鼠标滑过的列表 261

第17章 广告代码特效案例 267

17.1 漂浮广告 267

17.2 可关闭的对联广告 269

17.3 收缩的Banner广告 271

17.4 悬浮的QQ在线客服 273

17.5 多个图片广告交替显示 278

17.6 先显示大图随后自动收起显示小图 281