JavaScript脚本编程

课程大纲

• 第1章初识JS
•     第1节 JS基本概念
•     第2节 JS开发工具
•     第3节 JS基本使用

• 第2章JS基本语法
•     第1节 变量
•     第2节 数据类型
•     第3节 表达式
•     第4节 运算符
•     第5节 流程控制

• 第3章数组
•     第1节 初识数组
•     第2节 创建数组
•     第3节 数组的基本操作
•     第4节 二维数组
•     第5节 数组排序

• 第4章函数
•     第1节 初识函数
•     第2节 函数内外变量的作用域
•     第3节 函数进阶
•     第4节 嵌套与递归
•     第5节 闭包函数

• 第5章对象
•     第1节 初识对象
•     第2节 对象的创建
•     第3节 对象的遍历
•     第4节 值类型和引用类型
•     第5节 Math对象
•     第6节 Date对象
•     第7节 Array对象
•     第8节 String对象
•     第9节 查阅MDN Web文档

• 第6章 DOM（上）
•     第1节 Web API简介
•     第2节 DOM简介
•     第3节 获取元素
•     第4节 事件基础
•     第5节 元素内容操作
•     第6节 元素样式操作
•     第7节 元素属性操作

• 第7章DOM（下）
•     第1节 节点基础
•     第2节 节点操作
•     第3节 事件进阶
•     第4节 事件对象
•     第5节 常用事件
•     第6节 元素其他操作

实验列表

• 实验名称JS的基本使用
• 实验描述学会使用vscode进行js的简单使用

• 实验名称JS基本语法——变量
• 实验描述假设我们在一家西餐厅用餐，我们左手拿着西餐刀，右手握着西餐叉，但是西餐的礼仪是左手握西餐叉，右手拿西餐刀，因此我们需要将左右手的西餐工具交换。本案例将实现交换左右手的西餐工具。

• 实验名称JS基本语法——数据类型转换
• 实验描述var arr = [ '100px', 'abc'-6, [], -98765, 34, -2, 0, '300', , function(){alert(1);}, null, document, [], true, '200px'-30,'23.45元', 5, Number('abc'), function(){ alert(3); }, 'xyz'-90 ]; 1、找到arr里所有的数字：-98765, 34, -2, 0, 5 2、找到可以转成数字的：'100px', -98765, 34, -2, 0, '300', '23.45元', 5 3、把转成数字以后，最大值判断出来：300 4、把 NaN 所在的位置找出来：1 14 17 19

• 实验名称JS的基本语法——运算符
• 实验描述根据用户输入的数据完成求和运算 将会实现提示用户输入两个数据，输入完成后对两个数据进行求和运算，在控制台输出求和的结果。

• 实验名称JS的基本语法——流程控制
• 实验描述日常生活中，我们去水果店买水果，结账时售货员要查询所买水果的价格来计算总价，例如当售货员输入“苹果”时，查询苹果的价格，输入“桃子”时，查询桃子的价格。本案例将使用switch语句实现查询水果的价格。

• 实验名称数组——数组的基本操作
• 实验描述在班级管理中，老师为了帮助到每一位学生，经常会在考试之后邀请分数较高的同学为大家分享学习经验和学习方法，并且会为分数较低的学生分析原因。本案例将实现把所有学生的考试成绩保存到数组中，通过查找数组中最大值和最小值找到分数最高和分数最低的学生。

• 实验名称数组——二维数组
• 实验描述二维数组转置指的是将二维数组横向元素转换为纵向元素。

• 实验名称函数——初识函数
• 实验描述实现求任意两数的最大值。

• 实验名称函数——递归调用
• 实验描述斐波那契数列又称黄金分割数列，指的是“1, 1, 2, 3, 5, 8, 13, 21……”这样一个数列，从中可以找出的规律是“这个数列从第3项开始，每一项都等于前两项之和”。 本案例将利用递归实现计算斐波那契数列第N项的值。

• 实验名称函数——闭包函数
• 实验描述在日常生活中，每个公司的考勤组一般会先计算出每个月员工应出勤的天数，这样方便考勤人员记录考勤。而2月份是一个特殊的月份，考勤人员在计算2月份应出勤天数时非常麻烦，因为2月份的天数由年份决定，年份分又为平年和闰年，平年的2月份只有28天，闰年的2月份有29天。本案例将实现获取指定年份的2月份的天数。

• 实验名称对象——Math对象
• 实验描述班级内开展活动日，老师提出了猜数字游戏，游戏的规则如下。 老师随机抽取一个1~10的数字，同学们来猜这个数字。 如果同学们猜的数字比老师抽取的数字大，则提示猜大了； 如果同学们猜的数字比老师抽取的数字小，则提示猜小了； 如果同学们猜的数字与老师抽取的数字相同，则提示猜对了。

• 实验名称对象——Date对象
• 实验描述我们在网上购物时，经常会看到商家推出一些抢购活动，网页上会显示活动开始时间的倒计时，如“距离活动开始还有39天19时02分11秒”，其中，“39天19时02分11秒”是一个时间差。

• 实验名称对象——Array对象
• 实验描述期末考试结束后，老师需要统计成绩不及格的学生人数来检验这一阶段自己的教学质量以及学生的吸收程度，并且通过成绩来帮助同学们分析不及格的原因。

• 实验名称对象——String对象
• 实验描述在开发用户注册和登录功能时，经常需要对用户输入的用户名进行格式验证。本案例要求用户名长度在3~10范围内，不允许出现敏感词admin的任何大小写形式。

• 实验名称DOM——元素样式操作
• 实验描述使用js实现单机按钮，让他改变颜色

• 实验名称DOM——元素属性操作
• 实验描述Tab栏在网站中的使用非常普遍，它的优势在于可以在有限的空间内展示多块的内容，用户可以通过单击标签项在多个内容块之间进行切换。

• 实验名称DOM——节点操作
• 实验描述用js写一个简单的留言板

• 实验名称DOM——常用事件
• 实验描述当鼠标单击文本框时，里面的默认文字隐藏，当鼠标离开文本框时，里面的文字显示