JavaScript+Vue+React全程实例

目 录
第1章 JavaScript环境搭建 1
1.1 HTML中书写JavaScript的几种方式 1
1.2 选择开发工具 2
1.3 JavaScript的调试 3
第2章 JavaScript控制表单 8
2.1 JavaScript与HTML表单 8
2.2 JavaScript遍历表单 8
2.3 通过name和id访问表单元素 10
2.4 动态修改表单控件的值 12
2.5 获取表单内文本框的数量 13
2.6 修改表单的提交方式 15
2.7 动态指定表单的提交方式 17
2.8 动态设置焦点控件 19
2.9 动态获取焦点控件 20
2.10 初始化表单里的所有控件 21
2.11 复选框全选、取消及判断是否
选中的方法 24
2.12 如何使用隐藏控件 26
2.13 简单的数字及字符操作 29
2.14 高亮显示表单中的焦点控件 31
2.15 动态添加、删除下拉菜单选项 33
第3章 JavaScript控制DOM 37
3.1 JavaScript与HTML DOM 37
3.2 通过id获取网页中的元素对象 37
3.3 通过name获取网页中的复选框 39
3.4 通过标签名获取网页中的多个文本 42
3.5 遍历网页元素的全部属性 44
3.6 动态创建网页新文本段落 46
3.7 动态删除网页文本段落 48
3.8 动态替换段落的文本内容 50
3.9 如何主动触发按钮单击事件 51
3.10 动态修改元素属性值 53
3.11 如何获取下拉列表的选项 55
3.12 实现电话拨号键盘 57
第4章 按钮特效 59
4.1 按钮概述 59
4.2 为按钮添加背景颜色 59
4.3 不同按钮提交到不同的表单地址 60
4.4 避免回车键自动提交表单 62
4.5 按钮在单击后自动失效 64
4.6 为删除功能按钮添加确认提醒 66
4.7 根据状态展示不同样式按钮 67
4.8 注册按钮倒计时效果 70
4.9 计时器按钮 72
4.10 阅读完协议才可以单击的注册按钮 75
第5章 链接特效 78
5.1 链接概述 78
5.2 带下划线的链接 78
5.3 改变链接的click事件 80
5.4 关闭窗口的“X”链接 82
5.5 用链接模拟一个按钮 83
5.6 用链接替代表单提交按钮 85
5.7 动态修改一个链接的地址 87
5.8 让所有链接都在新窗口打开 88
5.9 让页面所有的超链接都失效 90
5.10 为链接地址新加一个参数 91
5.11 返回页面顶部的链接 93
5.12 需要确认的超链接 95
第6章 图片特效 97
6.1 图片概述 97
6.2 图片比例缩放 97
6.3 图片放大镜特效 99
6.4 图片在层里居中 102
6.5 让图片自适应框的大小 104
6.6 为图片加上边框 106
6.7 显示局部图片 108
6.8 动态加载图片 110
6.9 延迟加载图片 112
6.10 重新加载验证码图片 114
第7章 文本框和下拉列表框特效 116
7.1 文本框和下拉列表框概述 116
7.2 只带下划线的文本框 117
7.3 用正则表达式验证Email格式 118
7.4 首字母或全部字母大写 120
7.5 只能输入数字的文本框 122
7.6 判断字符的个数 124
7.7 文本框获取焦点后自动清除内容 126
7.8 清空所有文本型输入框 127
7.9 校验电话号码格式 129
7.10 鼠标划过文本框改变其背景色 132
7.11 设置下拉列表框的值 133
7.12 动态添加下拉列表框选项 135
7.13 动态删除下拉列表框选项 138
7.14 二级联动下拉列表框 140
7.15 三级联动下拉列表框 143
7.16 可输入的下拉列表框 147
第8章 日期和时间特效 150
8.1 日期和时间概述 150
8.2 在标题栏显示当前日期 150
8.3 根据时间动态显示标题欢迎词 151
8.4 根据月份动态显示背景 153
8.5 格式化日期的方法 155
8.6 判断今天是否为节假日 157
8.7 每秒刷新的时间展示效果 160
8.8 时间计时器 162
8.9 时间倒计时器 164
8.10 计算时间差 167
8.11 计算日期间隔 169
8.12 网页标题体现月进度 171
8.13 用表格制作日历 173
8.14 日期输入框 176
8.15 显示网页登录时间 181
第9章 网页特效 183
9.1 网页概述 183
9.2 打开新页面 183
9.3 打开指定大小的窗口 185
9.4 获取打开子窗口的父窗口 187
9.5 父子窗口之间数据交互 190
9.6 刷新当前页面 193
9.7 屏蔽鼠标右键 195
9.8 屏蔽上下文菜单 195
9.9 屏蔽复制功能 196
9.10 屏蔽选择操作 197
9.11 防止网页被“frame” 198
9.12 隐藏页面滚动条 201
9.13 最小化、最大化和关闭窗口 202
9.14 脚本永不出错 204
9.15 获取浏览器信息 206
9.16 获取浏览器窗口尺寸 208
9.17 屏蔽键盘功能键 210
9.18 页面窗口动画缩放 211
9.19 定时关闭页面 213
9.20 修改浏览器标题 214
第10章 DIV+CSS特效 217
10.1 DIV与层叠样式表概述 217
10.2 同时改变多个DOM样式 217
10.3 弹出层 221
10.4 用层模拟确认框 224
10.5 隐藏层 227
10.6 可拖动的层 228
10.7 遮罩层效果 231
10.8 Tab选项卡 235
第11章 Ajax应用 239
11.1 Ajax概述 239
11.2 Ajax基础 239
11.3 Ajax解析文本 241
11.4 Ajax解析XML 243
11.5 Ajax解析JSON 246
11.6 实现一个Ajax框架 250
11.7 使用Ajax框架轻松加载文件 253
11.8 Ajax跨域异步交互 260
第12章 React开发 265
12.1 React概述 265
12.2 第一个React应用 266
12.3 React渲染更新元素 268
12.4 React虚拟DOM 270
12.5 React JSX初步 272
12.6 在JSX中使用JavaScript表达式 274
12.7 在JSX中使用JavaScript函数 276
12.8 React Components设计模式 279
12.9 React Components参数 282
12.10 React Components复合 284
12.11 React Components状态 286
12.12 React Components生命周期 290
第13章 Vue.js开发 296
13.1 Vue.js概述 296
13.2 第一个Vue.js应用 297
13.3 Vue.js构造器 299
13.4 Vue.js构造器属性修改 301
13.5 Vue.js构造器参数引用 307
13.6 Vue.js模板语法 309
13.7 Vue.js条件循环语句 314
13.8 Vue.js事件监听处理 317