基于新信息技术的JavaScript程序设计基础

任务1 先导知识：JavaScript概述 2 1.1.1 JavaScript的性质 2 1.1.2 JavaScript的使用场景 2 1.1.3 JavaScript的特点 4 1.1.4 JavaScript的未来 5 任务2 JavaScript编写初体验 5 1.2.1 编写“Hello World!”程序 5 1.2.2 编写简单的滚动字幕程序 6 任务3 JavaScript脚本编写的注意事项 8 1.3.1 选择JavaScript脚本编辑器 8 1.3.2 引入脚本代码到HTML文档中 8 1.3.3 嵌入脚本代码的位置 10 课后习题 12 项目2 JavaScript制作简易计算器 任务1 先导知识：变量、数据类型及类型转换、函数 14 2.1.1 JavaScript 的变量 14 2.1.2 基本数据类型 15 2.1.3 类型转换 16 2.1.4 函数 16 任务2 编写简易计算器程序 18 2.2.1 方法一：自定义函数 18 2.2.2 方法二：自定义带参数的函数 21 课后习题 22 项目3 JavaScript判断平年或闰年 任务1 先导知识：运算符号和基本处理流程语句 24 3.1.1 运算符号 24 3.1.2 基本处理流程语句 30 任务2 编写程序判断平年或闰年 38 课后习题 39 项目4 Window对象 任务1 先导知识：DOM、Window对象的属性和方法、其他内置对象 42 4.1.1 文档对象模型(DOM)概述 42 4.1.2 Window对象 43 4.1.3 其他内置对象 44 任务2 打开注册页面程序 49 课后习题 51 项目5 Date对象 任务1 先导知识：JavaScript的内置对象、Date对象 54 5.1.1 内置对象 54 5.1.2 Date对象 54 任务2 在页面上显示时间 57 5.2.1 静态时间程序编写 57 5.2.2 动态显示时间程序 58 课后习题 60 项目6 表单验证 任务1 先导知识：String对象、表单验证 62 6.1.1 JavaScript的String对象 62 6.1.2 使用String对象方法操作字符串 63 6.1.3 获取目标字符串长度 64 6.1.4 查找字符串 65 6.1.5 截取字符串 66 6.1.6 分隔字符串 66 6.1.7 表单验证 67 任务2 电子邮箱的验证 68 6.2.1 格式验证 68 6.2.2 用户名和密码验证 70 6.2.3 多种表单控件验证 71 课后习题 76 项目7 正则表达式 任务1 先导知识：正则表达式、innerHTML和innerText 78 7.1.1 正则表达式 78 7.1.2 innerHTML和innerText 79 任务2 正则表达式用于验证表单控件内容 80 7.2.1 验证邮编和手机号码 80 7.2.2 验证年龄 81 7.2.3 验证注册页面 82 课后习题 88 项目8 购物车的全选/全不选效果 任务1 先导知识：JavaScript对表单控件的操作 90 任务2 购物车的全选/全不选效果 92 8.2.1 全选/全不选效果1 92 8.2.2 全选/全不选效果2 95 8.2.3 全选/全不选效果3 96 课后习题 96 项目9 JavaScript改变CSS 任务1 先导知识：CSS选择器和常用属性 98 9.1.1 CSS概述 98 9.1.2 CSS的优先级别 98 9.1.3 常用的CSS 98 任务2 JavaScript改变网页对象的样式 100 9.2.1 改变文字样式 100 9.2.2 改变按钮样式 100 9.2.3 改变用户登录页面的CSS 101 9.2.4 改变显示属性 105 9.2.5 图片切换效果 108 课后习题 110 项目10 省市级联动 任务1 先导知识：下拉列表控件和数组对象 112 10.1.1 下拉列表控件 112 10.1.2 数组对象 115 任务2 省市级联动效果 125 10.2.1 为每个省份添加两个城市 125 10.2.2 使用数组优化省市级联动 128 10.2.3 制作多级联动效果 129 课后习题 132 项目11 JavaScript的事件与处理 任务1 先导知识：JavaScript的事件 134 11.1.1 事件概述 134 11.1.2 HTML文档事件 135 任务2 JavaScript的处理 141 11.2.1 匿名函数 141 11.2.2 显式声明 142 11.2.3 手工触发 144 任务3 事件处理器设置的灵活性 145 课后习题 147 项目12 节点操作 任务1 先导知识：节点、节点的处理 150 12.1.1 节点的定义 150 12.1.2 节点的层级关系 150 12.1.3 节点的属性 151 12.1.4 元素的查找 154 12.1.5 节点操作方法 154 任务2 表格的节点操作 157 12.2.1 表格行的添加和删除(一) 157 12.2.2 表格行的添加和删除(二) 159 12.2.3 利用节点完成表格行的修改和删除 161 课后习题 164 项目13 JavaScript综合应用实例 任务1 了解综合应用实例需求 166 任务2 完成新用户注册 166 任务3 实现商品金额和积分自动计算功能 176 任务4 实现商品数量增加和减少功能 185 任务5 实现删除商品功能 186 参考文献 188