HTML5+CSS3+JAVASCRIPT 从入门到项目实践超值版

读者对象 《HTML 5+CSS 3+JavaScript从入门到项目实践：超值版》适合希望学习Web开发前端编程语言的初中级程序员和希望精通程序开发的程序员阅读，还可作为大中专院校及社会培训机构的师生以及正在进行软件专业相关毕业设计的学生阅读。 本书特色 780套求职资源库、600个案例资源库、408节同步微视频、360个实例源代码、3个大型项目案例、9套电子书资源库、3600例网页欣赏案例库。微信+APP+网站+二维码微视频+海量资源+教学课件+上机实训手册+在线答疑+代码纠错器。

《HTML 5+CSS 3+JavaScript从入门到项目实践：超值版》采用“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深，由深到精”的模式进行讲解。 全书共分6篇31章。首先讲解了HTML 5、CSS 3、文本、列表、页面布局等Web前端开发的语言基础知识，然后深入介绍了JavaScript语言基础、开发应用、对象与数组、函数与闭包以及人机交互等核心运用。在实践环节不仅讲述了Web前端开发在金融理财、移动互联网、电子商务等行业的应用，还介绍了其在企业门户网站、游戏大厅网站以及App等大型项目中的应用，全面展现了项目开发实践的全过程。 《HTML 5+CSS 3+JavaScript从入门到项目实践：超值版》的目的是多角度、全方位地帮助读者快速掌握软件开发技能，构建从高校到社会的就职桥梁，让有志于从事软件开发工作的读者轻松步入职场。本书赠送的资源比较多，在本书前言部分对资源包的具体内容、获取方式以及使用方法等做了详细说明。

聚慕课教育研发中心，是有一家软件开发公司和线下培训机构共同组建的IT图书研发中心，具有18年的图书开发和12年软件开发经验。该研发中心有软件开发团队，一批一线软件培训讲师，高校青年教师以及学科专家团队构成。致力于IT类图书策划、组稿、及编写。我们对计算机图书市场进行科学、严谨的调查分析，紧跟高新科技，深度挖掘读者需求，整合优质作者资源，协助作者制定创作计划、确立创作思想与体例，并实时监控创作质量与进度，确保做出让读者读得懂、用的好、学的会的计算机类图书。

第1篇 基础知识 第1章 HTML 5基础入门 002 ◎ 本章教学微视频：12个 27分钟 1.1 HTML的基本概念 002 1.1.1 什么是HTML 002 1.1.2 HTML的发展史 002 1.1.3 HTML与XHTML 003 1.2 HTML 5的优势 003 1.2.1 解决跨浏览器问题 003 1.2.2 部分代替了原来的JavaScript 003 1.2.3 更明确的语义支持 004 1.2.4 增强了Web应用程序的功能 004 1.3 编写第一个HTML页面 005 1.3.1 搭建HTML运行环境 005 1.3.2 检查浏览器是否支持 007 1.3.3 编写“hello HTML 5”Web页面 008 1.4 认识网页与网站 009 1.4.1 网页与网站的关系 009 1.4.2 建立网站的一般流程 009 1.5 就业面试技巧与解析 010 1.5.1 面试技巧与解析（一） 010 1.5.2 面试技巧与解析（二） 010 第2章 HTML 5文档基本结构 011 ◎ 本章教学微视频：29个 46分钟 2.1 HTML 5文档构成 011 2.1.1 声明 012 2.1.2 标签 012 2.1.3 标签 012 2.1.4 标签 012 2.2 HTML 5的语法变化 012 2.2.1 标签不再区分大小写 013 2.2.2 元素可以省略结束标签 013 2.2.3 支持boolean值的属性 014 2.2.4 允许属性值不使用引号 014 2.3 HTML 5标签、元素及属性 014 2.3.1 标签 014 2.3.2 单标签 014 2.3.3 双标签 015 2.3.4 标签属性 015 2.3.5 元素 015 2.4 HTML 5文档头部标签 016 2.4.1 设置页面标题标签 016 2.4.2 引用外部文件标签 017 2.4.3 内嵌样式标签 017 2.5 标签 018 2.6 页面注释标签 019 2.7 标题标签、换行标签及不换行标签 019 2.7.1 标题标签 020 2.7.2 标题字对齐属性align 020 2.8 段落标签、换行标签及不换行标签 021 2.8.1 段落标签 021 2.8.2 换行标签 022 2.8.3 不换行标签 022 2.9 其他标签 023 2.9.1 水平线标签 023 2.9.2 插入空格 024 2.9.3 插入特殊字符 025 2.10 就业面试技巧与解析 025 2.10.1 面试技巧与解析（一） 025 2.10.2 面试技巧与解析（二） 026 第3章 CSS 3基础入门 027 ◎ 本章教学微视频：15个 42分钟 3.1 CSS概述 027 3.1.1 CSS概述 027 3.1.2 CSS的发展历史 028 3.1.3 CSS 3的新功能 028 3.2 CSS 的基本语法 028 3.3 HTML网页应用CSS样式的方法 029 3.3.1 使用行内样式表 029 3.3.2 使用内部CSS 030 3.3.3 引入外部样式表 031 3.3.4 导入外部样式文件 031 3.3.5 注释CSS 032 3.4 CSS三大特性 033 3.4.1 CSS层叠性 033 3.4.2 CSS继承性 034 3.4.3 CSS优先性 035 3.5 在脚本中修改显示样式 036 3.5.1 随机改变页面的背景色 036 3.5.2 动态增加立体效果 036 3.6 实践案例——设计登录和注册界面 037 3.7 就业面试技巧与解析 040 3.7.1 面试技巧与解析（一） 040 3.7.2 面试技巧与解析（二） 040 第4章 CSS 3样式选择器 041 ◎ 本章教学微视频：22个 71分钟 4.1 选择器分类 041 4.2 基本选择器 041 4.2.1 元素选择器 042 4.2.2 通配选择器 042 4.2.3 ID选择器 043 4.2.4 class选择器 044 4.2.5 群组选择器 045 4.3 层次选择器 046 4.3.1 包含选择器 046 4.3.2 子选择器 047 4.3.3 CSS 3新增的兄弟选择器 047 4.4 动态伪类选择器 049 4.4.1 内容相关的属性 049 4.4.2 插入图像 049 4.4.3 只插入部分元素 050 4.4.4 配合quotes属性执行插入 051 4.4.5 配合counter-increment属性添加 编号 052 4.4.6 使用自定义编号 053 4.4.7 添加多级编号 054 4.5 CSS 3新增的伪类选择器 055 4.5.1 结构性伪类选择器 055 4.5.2 UI元素状态伪类选择器 057 4.5.3 目标（:target）伪类选择器 059 4.5.4 否定（:not）伪类选择器 059 4.6 属性选择器 060 4.7 实践案例——制作404页面 061 4.8 就业面试技巧与解析 063 4.8.1 面试技巧与解析（一） 063 4.8.2 面试技巧与解析（二） 063 第5章 使用并美化网页文本 064 ◎ 本章教学微视频：16个 43分钟 5.1 设置网页文本字体 064 5.1.1 设置字体粗细属性 064 5.1.2 设置字体风格属性 065 5.1.3 设置字体大小属性 066 5.1.4 设置字体类型属性 067 5.1.5 设置文本行高属性 068 5.1.6 设置字体复合属性 069 5.1.7 定义网页文本颜色属性 070 5.2 设置网页文本的缩进和间距 070 5.2.1 设置首行缩进属性 071 5.2.2 设置字符间距属性 071 5.2.3 设置单词间距属性 072 5.3 设置网页文本的对齐方式 073 5.3.1 控制文本的水平对齐方式 073 5.3.2 控制文本的垂直对齐方式 074 5.4 CSS 3新增的服务器字体 075 5.4.1 使用服务器字体 076 5.4.2 定义斜体、粗体和粗斜体字 077 5.4.3 优先使用客户端字体 078 5.5 实践案例——设置简单的文字效果 079 5.6 就业面试技巧与解析 080 5.6.1 面试技巧与解析（一） 080 5.6.2 面试技巧与解析（二） 080 第6章 使用并美化网页图像 081 ◎ 本章教学微视频：17个 48分钟 6.1 插入网页图像 081 6.1.1 网页图像格式 081 6.1.2 插入图像标签 082 6.2 设置网页图像 083 6.2.1 设置图像路径及文件 083 6.2.2 设置图像的宽度和高度 083 6.2.3 设置图像的提示文字 084 6.3 设置网页图像样式 085 6.3.1 设置图像边框 085 6.3.2 设置图像不透明度 086 6.3.3 设置圆角图像 087 6.3.4 设置阴影图像 088 6.3.5 设置图像与文字的对齐方式 089 6.3.6 图文混排 090 6.4 设置网页背景颜色和背景图 091 6.4.1 设置背景颜色 091 6.4.2 设置背景图 092 6.4.3 设置背景图平铺 093 6.4.4 设置背景图位置 094 6.4.5 设置渐变背景 095 6.5 实践案例——独特的瀑布流效果 096 6.6 就业面试技巧与解析 097 6.6.1 面试技巧与解析（一） 097 6.6.2 面试技巧与解析（二） 098 第2篇 核心应用 第7章 使用并美化网页超链接 100 ◎ 本章教学微视频：14个 33分钟 7.1 超链接基础 100 7.2 超链接路径 100 7.3 定义超链接和热点区域 101 7.3.1 定义超链接 101 7.3.2 链接的目标窗口 101 7.3.3 定义不同目标的超链接 102 7.3.4 定义热点区域 102 7.4 定义锚点超链接 103 7.4.1 建立锚点超链接 103 7.4.2 超链接同一页面中的锚点 104 7.4.3 超链接到其他页面中的锚点 104 7.5 使用CSS样式美化超链接 105 7.5.1 定义按钮式超链接样式 106 7.5.2 定义立体超链接样式 107 7.5.3 定义文章中的超链接样式 107 7.5.4 定义图像交换超链接样式 109 7.6 实践案例——鼠标指针跟随的超链接 样式 110 7.7 就业面试技巧与解析 111 7.7.1 面试技巧与解析（一） 111 7.7.2 面试技巧与解析（二） 111 第8章 使用并美化网页列表 112 ◎ 本章教学微视频：9个 27分钟 8.1 列表标签 112 8.1.1 无序列表 112 8.1.2 有序列表 113 8.1.3 自定义列表 115 8.2 列表的常见应用 115 8.2.1 使用列表实现纵向菜单 115 8.2.2 使用列表实现新闻列表 116 8.2.3 使用列表实现图片的排列 117 8.3 设计CSS 3样式美化列表 118 8.3.1 自定义项目符号 118 8.3.2 使用背景图片设计项目符号 119 8.4 实践案例——设计排行榜 120 8.5 就业面试技巧与解析 122 8.5.1 面试技巧与解析（一） 122 8.5.2 面试技巧与解析（二） 122 第9章 使用并美化表格 123 ◎ 本章教学微视频：30个 64分钟 9.1 表格的基本结构 123 9.1.1 标签的属性 123 9.1.2 标签的属性 124 9.1.3

和	标签的属性 124 9.2 创建网页表格 125 9.2.1 创建普通表格 125 9.2.2 创建包含表头的表格 126 9.2.3 创建包含标题的表格 127 9.2.4 创建没有边框的表格 128 9.2.5 创建含有跨行、列单元格的表格 129 9.2.6 创建含有内嵌标签元素的表格 130 9.3 表格的边框 131 9.3.1 设置表格边框宽度 131 9.3.2 设置表格边框颜色 132 9.3.3 设置	之间的间距 133 9.3.4 设置表格内文字与	的间距 134 9.4 表格背景 135 9.4.1 设置表格背景颜色 135 9.4.2 设置表格背景图 136 9.5 表格的行属性 137 9.5.1 设置表格的行高 137 9.5.2 设置边框颜色 138 9.5.3 设置行背景颜色 139 9.5.4 设置行文字的水平对齐方式 139 9.5.5 设置行文字的垂直对齐方式 140 9.6 单元格属性 141 9.6.1 设置单元格的宽度和高度 141 9.6.2 设置单元格的对齐方式 142 9.6.3 设置单元格的背景色 143 9.6.4 设置单元格的边框颜色 143 9.6.5 设置单元格的亮边框和暗边框 144 9.6.6 设置单元格的背景图 145 9.7 使用CSS样式美化表格 145 9.7.1 设置细线表格 145 9.7.2 设置表格标题的样式 146 9.8 实践案例 148 9.8.1 设置隔行换色表格 148 9.8.2 设置日历表 149 9.9 就业面试技巧与解析 150 9.9.1 面试技巧与解析（一） 150 9.9.2 面试技巧与解析（二） 150 第10章 使用并美化表单 151 ◎ 本章教学微视频：23个 55分钟 10.1 表单的基本结构 151 10.2 表单及表单控件 152 10.2.1 表单form标签 152 10.2.2 表单input标签 152 10.2.3 使用label定义标签 152 10.2.4 使用button定义按钮 153 10.2.5 使用和标签 153 10.2.6 使用 和 标签 154 10.2.7 使用HTML 5增强的 标签 154 10.3 HTML 5新增的表单元素 155 10.3.1 input元素 155 10.3.2 output元素 156 10.3.3 meter元素 157 10.3.4 progress元素 158 10.3.5 keygen元素 158 10.4 HTML 5新增的表单属性 159 10.5 HTML 5新增的客户端校验 162 10.5.1 使用校验属性执行校验 162 10.5.2 自定义错误提示 163 10.5.3 关闭校验 164 10.6 实践案例——设计美化搜索页面 164 10.7 就业面试技巧与解析 166 10.7.1 面试技巧与解析（一） 166 10.7.2 面试技巧与解析（二） 167 第11章 Web标准与网页布局 168 ◎ 本章教学微视频：14个 35分钟 11.1 Web标准与CSS布局 168 11.1.1 什么是Web标准 168 11.1.2 CSS布局的优势 169 11.2 网页排版 169 11.2.1 网页排版基本原则 169 11.2.2 标准网页版式基本形式 170 11.3 CSS定位 170 11.4 浮动布局及浮动嵌套 174 11.5 案例实战 177 11.5.1 两列布局 177 11.5.2 三列布局 178 11.6 就业面试技巧与解析 180 11.6.1 面试技巧与解析（一） 180 11.6.2 面试技巧与解析（二） 181 第12章 CSS 3盒子模型与页面布局 182 ◎ 本章教学微视频：24个 77分钟 12.1 认识盒子模型 182 12.1.1 盒子的边框属性 183 12.1.2 盒子的内边距属性 183 12.1.3 盒子的外边距属性 184 12.1.4 盒子的宽和高 185 12.2 添加盒阴影 186 12.2.1 使用box-shadow属性为盒子添加 阴影 187 12.2.2 为表格及单元格添加阴影 188 12.3 布局的相关属性 189 12.3.1 实现换行 189 12.3.2 设置滚动条 189 12.3.3 控制滚动方式 191 12.3.4 控制裁剪 192 12.4 设置多列显示样式 193 12.5 使用弹性盒布局 195 12.5.1 使用flex类型的盒模型 196 12.5.2 定义盒内元素的排列方向 196 12.5.3 控制换行 197 12.5.4 定义元素显示顺序 198 12.5.5 定义子元素的缩放 200 12.5.6 定义对齐方式 201 12.5.7 空间溢出管理 203 12.6 实践案例 204 12.6.1 画册式网页布局 204 12.6.2 展览式网页布局 205 12.7 就业面试技巧与解析 207 12.7.1 面试技巧与解析（一） 207 12.7.2 面试技巧与解析（二） 207 第13章 使用网页动画效果 208 ◎ 本章教学微视频：21个 83分钟 13.1 定义2D变形动画 208 13.1.1 定义旋转动画 208 13.1.2 定义缩放动画 210 13.1.3 定义移动动画 210 13.1.4 定义倾斜动画 211 13.1.5 定义矩阵动画 212 13.2 自定义2D变换 214 13.2.1 自定义变换动画 214 13.2.2 定义复杂的变形动画 216 13.3 CSS 3 3D变换动画 218 13.3.1 定义3D位移动画 219 13.3.2 定义3D缩放动画 220 13.3.3 定义3D旋转动画 221 13.4 CSS 3平滑过渡动画 222 13.4.1 设置过渡属性 223 13.4.2 设置过渡时间 223 13.4.3 设置延迟时间 224 13.4.4 设置过渡类型 225 13.4.5 设置触发方式 226 13.5 CSS 3帧动画 227 13.5.1 设置关键帧 228 13.5.2 设置动画属性 228 13.6 实践案例 230 13.6.1 设计炫酷菜单 230 13.6.2 设计3D几何体 233 13.6.3 设计3D旋转的盒子 235 13.6.4 设计翻转广告 237 13.7 就业面试技巧与解析 240 13.7.1 面试技巧与解析（一） 240 13.7.2 面试技巧与解析（二） 240 第3篇 核心技术 第14章 JavaScript基础 242 ◎ 本章教学微视频：39个 91分钟 14.1 JavaScript概述 242 14.1.1 JavaScript能做什么？ 242 14.1.2 JavaScript的基本特点 243 14.2 网页中的JavaScript 244 14.2.1 执行代码 244 14.2.2 函数 245 14.2.3 对象 245 14.3 变量 245 14.3.1 变量的声明 246 14.3.2 变量的作用域 246 14.3.3 变量的优先级 247 14.4 数据类型 248 14.4.1 未定义类型 248 14.4.2 空类型 249 14.4.3 布尔类型 250 14.4.4 字符串 250 14.4.5 数值类型 253 14.4.6 对象类型 254 14.5 运算符 255 14.5.1 运算符概述 255 14.5.2 赋值运算符 255 14.5.3 算术运算符 257 14.5.4 比较运算符 258 14.5.5 逻辑运算符 260 14.5.6 条件运算符 261 14.5.7 字符串运算符 262 14.5.8 位运算符 263 14.5.9 移位运算符 263 14.5.10 其他运算符 264 14.6 运算符优先级 267 14.7 表达式语句 267 14.8 条件判断语句 269 14.8.1 if语句 269 14.8.2 if…else语句 270 14.8.3 if…else if…else语句 271 14.8.4 else if语句 272 14.8.5 if语句的嵌套 273 14.8.6 switch语句 274 14.9 循环语句 276 14.9.1 while语句 276 14.9.2 do…while语句 277 14.9.3 for语句 278 14.10 跳转语句 279 14.10.1 break语句 279 14.10.2 continue语句 280 14.11 九九乘法表 281 14.12 计算借贷支出金额 282 14.13 就业面试技巧与解析 284 14.13.1 面试技巧与解析（一） 284 14.13.2 面试技巧与解析（二） 285 第15章 JavaScript 开发应用工具 286 ◎ 本章教学微视频：11个 15分钟 15.1 JavaScript的编写工具 286 15.1.1 系统自带编辑器记事本 286 15.1.2 UltraEdit文本编辑器 287 15.1.3 Dreamweaver开发工具 287 15.2 JavaScript常用的开发工具 288 15.2.1 附带测试的开发工具—— TestSwarm 288 15.2.2 半自动化开发工具—— Minimee 289 15.2.3 轻松建立JS库的开发工具—— Boilerplate 289 15.3 JavaScript常用的调试工具 290 15.3.1 调试工具——Drosera 290 15.3.2 规则的调试工具——Dragonfly 290 15.3.3 Firefox的集成工具——Firebug 291 15.3.4 前端调试利器——Debugbar 291 15.3.5 支持浏览器多的工具—— Venkman 292 15.4 就业面试技巧与解析 294 15.4.1 面试技巧与解析（一） 294 15.4.2 面试技巧与解析（二） 294 第16章 JavaScript对象与数组 295 ◎ 本章教学微视频：33个 70分钟 16.1 创建对象的方法 295 16.1.1 使用内置对象创建对象 296 16.1.2 直接定义并创建对象 296 16.1.3 自定义对象构造创建 297 16.2 常用内置对象 299 16.2.1 字符串对象 299 16.2.2 日期对象 301 16.2.3 数组对象 306 16.2.4 逻辑对象 306 16.2.5 算数对象 308 16.2.6 数值对象 311 16.3 对象访问语句 314 16.3.1 for…in循环语句 314 16.3.2 with语句 315 16.4 对象序列化 316 16.4.1 认识对象序列化 316 16.4.2 对象序列化的意义 316 16.4.3 对象序列化 316 16.5 创建对象的常用模式 319 16.6 数组对象 321 16.6.1 创建数组 321 16.6.2 访问数组 323 16.6.3 数组属性 324 16.6.4 数组长度 325 16.7 数组方法 326 16.7.1 连接两个或更多的数组 327 16.7.2 将数组元素连接为字符串 328 16.7.3 移除数组中最后一个元素 328 16.7.4 将指定的数值添加到数组中 329 16.7.5 反序排列数组中的元素 330 16.7.6 删除数组中的第一个元素 330 16.7.7 获取数组中的一部分数据 331 16.7.8 对数组中的元素进行排序 332 16.7.9 将数组转换成字符串 333 16.8 经典案例——制作二级关联菜单 334 16.9 就业面试技巧与解析 336 16.9.1 面试技巧与解析（一） 336 16.9.2 面试技巧与解析（二） 336 第17章 JavaScript函数与闭包 337 ◎ 本章教学微视频：25个 52分钟 17.1 函数是什么 337 17.2 定义函数 338 17.2.1 声明式函数定义 339 17.2.2 函数表达式定义 339 17.2.3 函数构造器定义 340 17.3 函数的调用 341 17.3.1 作为一个函数调用 341 17.3.2 将函数作为方法调用 343 17.3.3 使用构造函数调用函数 344 17.3.4 作为函数方法调用函数 345 17.4 内置常规函数 346 17.5 JavaScript特殊函数 352 17.5.1 嵌套函数 352 17.5.2 递归函数 353 17.5.3 内嵌函数 355 17.6 JavaScript的闭包 355 17.6.1 什么是闭包 355 17.6.2 闭包的原理 357 17.6.3 闭包与类 357 17.6.4 闭包中需要注意的地方 359 17.7 回调函数设计模式 360 17.7.1 回调函数与控制反转 360 17.7.2 JavaScript与回调函数 360 17.8 制作伸缩两级菜单 361 17.9 就业面试技巧与解析 365 17.9.1 面试技巧与解析（一） 365 17.9.2 面试技巧与解析（二） 365 第18章 JavaScript窗口与人机交互对话框 366 ◎ 本章教学微视频：17个 41分钟 18.1 window对象 366 18.1.1 window对象属性 366 18.1.2 window对象方法 372 18.2 打开与关闭窗口 373 18.2.1 JavaScript打开窗口 373 18.2.2 JavaScript关闭窗口 376 18.3 操作窗口对象 377 18.3.1 改变窗口大小 377 18.3.2 移动窗口位置 378 18.4 获取窗口历史记录 379 18.5 窗口定时器 380 18.6 JavaScript对话框 382 18.7 调用对话框 383 18.7.1 采用alert()方法调用 383 18.7.2 采用confirm()方法调用 384 18.7.3 采用prompt()方法调用 385 18.8 其他 387 18.8.1 Location对象 387 18.8.2 Navigator对象 388 18.8.3 Screen对象 390 18.8.4 cookie对象 391 18.9 制作询问式对话框 394 18.10 就业面试技巧与解析 396 18.10.1 面试技巧与解析（一） 396 18.10.2 面试技巧与解析（二） 396 第4篇 高级应用 第19章 文档对象与对象模型 398 ◎ 本章教学微视频：26个 65分钟 19.1 熟悉文档对象 398 19.1.1 文档对象属性 398 19.1.2 文档对象方法 403 19.2 使用文档对象 407 19.2.1 文档标题 407 19.2.2 文档信息 408 19.2.3 文档地址 409 19.2.4 颜色属性 410 19.2.5 输出数据 413 19.3 DOM及DOM技术简介 415 19.3.1 DOM简介 415 19.3.2 DOM技术的简单应用 415 19.3.3 基本的DOM方法 416 19.3.4 网页中的DOM框架 419 19.4 DOM模型中的节点 420 19.4.1 元素节点 420 19.4.2 文本节点 421 19.4.3 属性节点 422 19.5 操作DOM中的节点 423 19.5.1 访问节点 423 19.5.2 创建节点 424 19.5.3 插入节点 425 19.5.4 删除节点 426 19.5.5 复制节点 426 19.5.6 替换节点 427 19.6 使用非标准DOM innerHTML属性 428 19.7 DOM与CSS 429 19.7.1 改变CSS 429 19.7.2 “三位一体”的页面 430 19.7.3 使用className属性 430 19.7.4 通过className添加CSS 431 19.8 制作树形导航菜单 432 19.9 就业面试技巧与解析 436 19.9.1 面试技巧与解析（一） 436 19.9.2 面试技巧与解析（二） 436 第20章 JavaScript事件机制 437 ◎ 本章教学微视频：22个 60分钟 20.1 什么是事件 437 20.2 JavaScript事件的调用方式 438 20.2.1 在script标签中调用 438 20.2.2 在元素中调用 439 20.3 JavaScript常用事件 439 20.3.1 鼠标相关事件 441 20.3.2 键盘相关事件 445 20.3.3 表单相关事件 450 20.3.4 文本编辑事件 455 20.3.5 页面相关事件 458 20.3.6 拖动相关事件 460 20.3.7 多媒体相关事件 463 20.4 JavaScript处理事件的方式 464 20.4.1 通过匿名函数处理 464 20.4.2 通过显式声明处理 465 20.4.3 通过手工触发处理 466 20.5 事件对象Event 467 20.5.1 在IE中引用Event对象 467 20.5.2 事件对象Event的属性 467 20.5.3 事件对象Event的方法 470 20.6 事件模拟 470 20.6.1 Dom事件模拟 470 20.6.2 鼠标事件模拟 471 20.6.3 键盘事件模拟 472 20.6.4 模拟其他事件 472 20.6.5 IE中的事件模拟 472 20.7 制作可关闭的窗体对象 473 20.8 就业面试技巧与解析 477 20.8.1 面试技巧与解析（一） 477 20.8.2 面试技巧与解析（二） 477 第21章 JavaScript客户端开发技术 478 ◎ 本章教学微视频：13个 28分钟 21.1 客户端JavaScript的重要性 478 21.1.1 JavaScript应用环境的组成 478 21.1.2 客户端JavaScript主要作用 479 21.1.3 其他环境中的JavaScript 480 21.1.4 客户端的JavaScript：网页中的可 执行内容 480 21.2 HTML与JavaScript 480 21.2.1 在HTML头部嵌入JavaScript 代码 480 21.2.2 在网页中嵌入JavaScript代码 481 21.2.3 在元素事件中嵌入JavaScript 代码 481 21.2.4 调用已经存在的JavaScript文件 482 21.2.5 使用伪URL地址引入JavaScript 脚本代码 483 21.3 JavaScript的线程模型技术 484 21.3.1 单线程模型技术 484 21.3.2 消息队列运行方式 484 21.3.3 Event Loop机制 484 21.4 客户端JavaScript的简单应用 485 21.5 就业面试技巧与解析 486 21.5.1 面试技巧与解析（一） 486 21.5.2 面试技巧与解析（二） 486 第22章 JavaScript服务器端开发技术 487 ◎ 本章教学微视频：12个 18分钟 22.1 认识服务器端JavaScript 487 22.1.1  服务器端JavaScript的由来 487 22.1.2 运行服务器端JavaScript的 方法 488 22.1.3 服务器端JavaScript的运行 环境 488 22.1.4 JavaScript在网站开发中的 作用 488 22.2 浏览器端与服务器端 488 22.3 JavaScript与数据库的连接 489 22.3.1 JavaScript连接数据库 489 22.3.2 查询数据库数据 489 22.3.3 插入数据库数据 491 22.3.4 更新数据库数据 491 22.3.5 删除数据库数据 492 22.4 制作网页版时钟 492 22.5 就业面试技巧与解析 496 22.5.1 面试技巧与解析（一） 496 22.5.2 面试技巧与解析（二） 496 第23章 JavaScript的安全策略及安全区域的 使用 497 ◎ 本章教学微视频：14个 20分钟 23.1 安全策略 497 23.1.1 JavaScript的同源策略 497 23.1.2 实现跨域请求的方法 498 23.1.3 规避浏览器安全漏洞 499 23.1.4 建立数据安全模型 499 23.1.5 结构化安全规则 499 23.2 使用Internet Explorer安全区域 500 23.2.1 Internet Explorer安全区域 500 23.2.2 浏览器使用JavaScript的安全 问题 501 23.3 JavaScript常用安全策略代码 502 23.3.1 屏蔽部分按键 502 23.3.2 屏蔽鼠标右键 503 23.3.3 禁止网页另存为 504 23.3.4 禁止复制网页内容 505 23.4 JavaScript加密与解密 505 23.4.1 JavaScript代码加密 505 23.4.2 JavaScript代码解密 506 23.5 禁止新建IE窗口 507 23.6 就业面试技巧与解析 507 23.6.1 面试技巧与解析（一） 507 23.6.2 面试技巧与解析（二） 508 第24章 JavaScript中的错误和异常 处理 509 ◎ 本章教学微视频：19个 26分钟 24.1 常见的错误和异常 509 24.1.1 拼写错误 509 24.1.2 访问不存在的变量 510 24.1.3 括号不匹配 510 24.1.4 字符串和变量连接错误 510 24.1.5 等号与赋值混淆 510 24.2 错误和异常处理 511 24.2.1 用alert()和document.write()方法 监视变量值 511 24.2.2 用onerror事件找到错误 512 24.2.3 用try…catch语句找到错误、处理 异常 513 24.3 使用浏览器调试器 514 24.4 JavaScript优化 517 24.5 加载图像时的错误提示 519 24.6 就业面试技巧与解析 520 24.6.1 面试技巧与解析（一） 520 24.6.2 面试技巧与解析（二） 520 第5篇 行业应用 第25章 JavaScript在金融理财行业开发中的 应用 522 ◎ 本章教学微视频：4个 8分钟 25.1 系统功能描述 522 25.2 系统功能分析及实现 523 25.2.1 功能分析 523 25.2.2 功能实现 523 25.2.3 程序运行 528 第26章 JavaScript在移动互联网行业开发中的 应用 531 ◎ 本章教学微视频：4个 5分钟 26.1 系统功能描述 531 26.2 系统功能分析及实现 531 26.2.1 功能分析 531 26.2.2 功能实现 532 26.2.3 程序运行 533 第27章 JavaScript在电子商务行业开发中的 应用 535 ◎ 本章教学微视频：4个 7分钟 27.1 系统功能描述 535 27.2 系统功能分析及实现 535 27.2.1 功能分析 536 27.2.2 功能实现 537 27.2.3 程序运行 540 第28章 软件工程师推荐素养与技能 542 ◎ 本章教学微视频：29个 46分钟 28.1 软件工程师的基本素养 542 28.2 个人素质必修课程 544 28.3 项目开发流程 545 28.4 项目开发团队 547 28.5 项目的实际开发过程 549 28.6 项目规划常见问题及解决 551 第6篇 项目实践 第29章 项目实践初级阶段——制作企业门户 网站 554 ◎ 本章教学微视频：8个 15分钟 29.1 项目代码结构 554 29.2 项目代码实现 554 29.2.1 设计企业门户网站首页 555 29.2.2 设计Banner动态效果 560 29.2.3 设计公司简介页面 561 29.2.4 设计产品介绍页面 566 29.2.5 设计新闻中心页面 574 29.2.6 设计联系我们页面 580 29.3 项目总结 584 第30章 项目实践提高阶段——制作游戏大厅 网站 586 ◎ 本章教学微视频：8个 13分钟 30.1 项目代码结构 586 30.2 项目代码实现 587 30.2.1 设计游戏大厅首页 587 30.2.2 设计注册验证信息 598 30.2.3 设计下载中心页面 600 30.2.4 设计账户充值页面 605 30.2.5 设计新闻动态页面 611 30.2.6 设计道具商城页面 617 30.3 项目总结 624 第31章 项目实践高级阶段——开发便捷计算器 App 625 ◎ 本章教学微视频：10个 31分钟 31.1 项目概述 625 31.2 项目解析 627 31.2.1 index.html文件 627 31.2.2 calc-black.html文件 629 31.2.3 calc.js文件 639 31.2.4 calc.css文件 645 31.2.5 App打包 652 31.3 运行效果 652</div></div> </div> </div> </div> </div> </div> <script src="/static/js/lib/jquery/blowup.min.js" type="text/javascript"></script> <script type="application/javascript"> $(document).ready(function () { /** * 图片放大器 */ $("#img_zoom").blowup({ background : "#FCEBB6" }); }); </script> <!-- 添加到书单弹出框 --> <div class="modal fade bs-example-modal-lg" id="modal_add_to_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">添加到书单</h4> </div> <div class="modal-body"> <!-- 书单列表模板 --> <script id="tpl_my_list" type="text/template"> {@each records as i} <li class="list-group-item"> <label style="width:100%;cursor: pointer;"> <input type="radio" name="listId" value="@{i.id}" id="list@{i.id}"> @{i.name} </label> </li> {@/each} </script> <!-- 书单列表模板结束 --> <ul class="list-group" id="tbl_my_list"> <li class="list-group-item"> <label for="list2" >加载中...</label> </li> </ul> <div class="pager"></div> <a href="javascript:void(0);" id="a_add_list">点此新建书单</a> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" id="btn_add_to_list_save">确定</button> </div> </div> </div> </div> <!-- 添加到书单弹出框结束 --> <!-- 新建书单弹出框 --> <div class="modal fade bs-example-modal-lg" id="modal_add_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form id="form_create_list"> <button type="reset" style="display:none;"></button> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">新建书单</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="recipient-name" class="control-label">标题：</label> <input type="text" class="form-control" name="name"> </div> <div class="form-group"> <label for="recipient-name" class="control-label">简介：</label> <textarea style="height:200px" class="form-control" name="memo" placeholder="书单描述..."> 关闭 保存 蜀ICP备2024047804号 Copyright 版权所有 © jvwen.com 聚文网