课堂实录 JavaScript网页设计与网站特效课堂实录【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

课堂实录 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-size19

2.5 HTML超链接标签20

2.5.1 属性href20

2.5.2 属性target21

2.5.3 属性title22

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

2.6 HTML图像标签23

2.6.1 课堂小实例——属性img23

2.6.2 课堂小实例——属性alt24

2.6.3 课堂小实例——属性height和width25

2.6.4 课堂小实例——属性align26

2.6.5 课堂小实例——属性border27

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 脚本化cookie151

10.4.1 cookie介绍151

10.4.2 cookie的优点和缺点152

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

10.4.4 创建cookie153

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 课堂小实例——获取当前页面的URL160

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中的JavaScript199

13.2.2 Ajax中的XMLHttpRequest199

13.2.3 Ajax中的CSS200

13.2.4 Ajax中的DOM200

13.2.5 Ajax中的XML200

13.3 Ajax技术的优缺点分析201

13.4 创建XMLHttpRequest202

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