IJavascript编程实验大纲.docVIP

《JavaScript编程课程》实验 教学大纲 (课程编号： ) 本大纲由数学与计算机学院计算机应用教研室全体教师讨论制订，数学与计算机学院教学工作委员会审定，实验教学及实验室建设管理处、教务处共同审核批准。 一、课程性质：专业基础课 二、课程类别：单列 三、实验学时：32 四、实验学分：2 五、课程实验教学目的要求 通过实验教学，学生掌握JavaScript动态网页编程技术，学会脚本编程技巧和编程步骤，逐步建立起编程思想，能够根据实际需要制作出的动态网页效果，拓展自己的整体语言设计知识和基本技能。综合设计性实验可以培养学生综合运用所学知识进行创造性设计能力，要求小组协同完成，从而培养团队协作精神。具体要求如下： 1．掌握JavaScript语言的基本语法、控制结构和常用内置对象。 2．掌握JavaScript事件处理技术。 3．掌握使用JavaScript内置文档对象操作页面元素。 4．掌握JavaScript内置窗口对象。 5．掌握使用JavaScript操作XML文档。 6．掌握AJAX技术。 7．培养综合运用所学课程知识进行动态网页设计能力。 8．培养团队协作能力。 六、课程实验项目简表 序号 实验项目名称 实验类型 实验性质 实验要求 实验学时 每组人数 备注 1 JavaScript语言基础 基本 设计性 必做 4 1 2 事件处理技术 基本 验证 必做 4 1 3 文档对象应用技术 基本 设计性 必做 8 1 4 窗口对象使用 基本 验证 必做 2 1 5 XML文档操作 基本 验证 必做 4 1 6 AJAX技术 基本 验证 必做 4 1 7 网页计算器设计 综合设计型 设计性 选做 6 6 四选一 8 网页飘浮广告设计 综合设计型 设计性 选做 6 6 9 贪吃蛇游戏设计 综合设计型 设计性 选做 6 6 10 网页相册设计 综合设计型 设计性 选做 6 6 七、课程实验项目简述 实验一 JavaScript语言基础 （一）目的要求 通过本实验教学，强化学生掌握JavaScript基本语法，主要包括数据类型、常量及变量、表达式与运算符、控制结构、函数，以及数学、时间、字符串和数组等对象。 通过本实验教学，提高学生对基本语法的理解和综合运用，掌握构建复杂程序的结构化编程能力，为课程后续内容的学习打下基础。 （二）实验内容 产生二个整数数组，一个从表单输入，另一个用random函数进行赋值，将它们分别用冒泡法进行排序，然后归并为一个数组，在页面上输出排序前和归并后的3个数组。 实验二 事件处理技术 （一）目的要求 通过本实验教学，强化学生掌握JavaScript事件处理技术，主要包括鼠标和键盘事件、页面事件、表单事件、字幕滚动事件和编辑事件等。 通过本实验教学，提高学生对事件处理技术的理解和运用，具备事件处理能力。 （二）实验内容 1、制作由下向上的滚动字幕，字幕内容要求包含网站超级链接和图片超级链接，使用鼠标移动事件控制字幕运动和停止。 2、在下拉列表框中设置五种以上颜色，选择颜色后，滚动字幕背景色改变成相应颜色。 实验三 文档对象应用技术 （一）目的要求 通过本实验教学，强化学生掌握JavaScript文档对象的应用，能够应用文档对象获取页面元素和编辑页面。 （二）实验内容 使用文档对象在页面上创建学生信息表。信息表包括学号、姓名、性别、电子邮件、联系电话、个人主页和联系地址，信息表内容通过表单输入，提交前先使用正则表达式进行验证，联系地址不能超过20个字符，每输入一名学生的信息，提交后，表格增加一行，表格不能被选择、复制。 实验四 窗口对象使用 （一）目的要求 通过本实验教学，强化学生掌握JavaScript窗口对象使用方法，掌握使用窗口对象获取屏幕、游览器、当前网页的网址和历史记录等信息，以及操作窗口。 （二）实验内容 1．设计一个窗口，在页面上显示屏幕的长和高、游览器名称和版本、操作系统，在页面状态栏上显示当前页面的地址。 2．设置窗口的位置和尺寸，位置和尺寸数据从提示对话框输入。 实验五 XML文档操作 （一）目的要求 通过本实验教学，强化学生掌握JavaScript操作XML文档，要求能够对XML文档进行读取、输出、添加和删除等操作，并能够对XML文档进行分页显示。 （二）实验内容 实现XML文档内容（学生信息表：学号、姓名、性别、籍贯、电话号码）的读取、输出、添加和删除，要求学生信息分页显示。 实验六 AJAX技术 （一）目的要求 通过本实验教学，强化学生掌握AJAX应用技术，要求能够向服务器发送请求，获取服务器响应的文档，并读取文档内容，然后插入到网页中。 （二）实验内容 应用AJAX读取服务