Javascript编程实验大纲.doc

JavaScript编程课程实验教学大纲(课程编号： )本大纲由数学与计算机学院计算机应用教研室全体教师讨论制订，数学与计算机学院教学工作委员会审定，实验教学及实验室建设管理处、教务处共同审核批准。一、课程性质：专业基础课二、课程类别：单列三、实验学时：32四、实验学分：2五、课程实验教学目的要求通过实验教学，学生掌握JavaScript动态网页编程技术，学会脚本编程技巧和编程步骤，逐步建立起编程思想，能够根据实际需要制作出的动态网页效果，拓展自己的整体语言设计知识和基本技能。综合设计性实验可以培养学生综合运用所学知识进行创造性设计能力，要求小组协同完成，从而培养团队协作精神。具体要求如下：1掌握JavaScript语言的基本语法、控制结构和常用内置对象。2掌握JavaScript事件处理技术。3掌握使用JavaScript内置文档对象操作页面元素。4掌握JavaScript内置窗口对象。5掌握使用JavaScript操作XML文档。6掌握AJAX技术。7培养综合运用所学课程知识进行动态网页设计能力。8培养团队协作能力。六、课程实验项目简表序号实验项目名称实验类型实验性质实验要求实验学时每组人数备注1JavaScript语言基础基本设计性必做412事件处理技术基本验证必做413文档对象应用技术基本设计性必做814窗口对象使用基本验证必做215XML文档操作基本验证必做416AJAX技术基本验证必做417网页计算器设计综合设计型设计性选做66四选一8网页飘浮广告设计综合设计型设计性选做669贪吃蛇游戏设计综合设计型设计性选做6610网页相册设计综合设计型设计性选做66七、课程实验项目简述实验一 JavaScript语言基础（一）目的要求通过本实验教学，强化学生掌握JavaScript基本语法，主要包括数据类型、常量及变量、表达式与运算符、控制结构、函数，以及数学、时间、字符串和数组等对象。通过本实验教学，提高学生对基本语法的理解和综合运用，掌握构建复杂程序的结构化编程能力，为课程后续内容的学习打下基础。（二）实验内容产生二个整数数组，一个从表单输入，另一个用random函数进行赋值，将它们分别用冒泡法进行排序，然后归并为一个数组，在页面上输出排序前和归并后的3个数组。实验二 事件处理技术（一）目的要求通过本实验教学，强化学生掌握JavaScript事件处理技术，主要包括鼠标和键盘事件、页面事件、表单事件、字幕滚动事件和编辑事件等。通过本实验教学，提高学生对事件处理技术的理解和运用，具备事件处理能力。（二）实验内容1、制作由下向上的滚动字幕，字幕内容要求包含网站超级链接和图片超级链接，使用鼠标移动事件控制字幕运动和停止。2、在下拉列表框中设置五种以上颜色，选择颜色后，滚动字幕背景色改变成相应颜色。实验三 文档对象应用技术（一）目的要求通过本实验教学，强化学生掌握JavaScript文档对象的应用，能够应用文档对象获取页面元素和编辑页面。（二）实验内容使用文档对象在页面上创建学生信息表。信息表包括学号、姓名、性别、电子邮件、联系电话、个人主页和联系地址，信息表内容通过表单输入，提交前先使用正则表达式进行验证，联系地址不能超过20个字符，每输入一名学生的信息，提交后，表格增加一行，表格不能被选择、复制。实验四 窗口对象使用（一）目的要求通过本实验教学，强化学生掌握JavaScript窗口对象使用方法，掌握使用窗口对象获取屏幕、游览器、当前网页的网址和历史记录等信息，以及操作窗口。（二）实验内容1设计一个窗口，在页面上显示屏幕的长和高、游览器名称和版本、操作系统，在页面状态栏上显示当前页面的地址。2设置窗口的位置和尺寸，位置和尺寸数据从提示对话框输入。实验五 XML文档操作（一）目的要求通过本实验教学，强化学生掌握JavaScript操作XML文档，要求能够对XML文档进行读取、输出、添加和删除等操作，并能够对XML文档进行分页显示。（二）实验内容实现XML文档内容（学生信息表：学号、姓名、性别、籍贯、电话号码）的读取、输出、添加和删除，要求学生信息分页显示。实验六 AJAX技术（一）目的要求通过本实验教学，强化学生掌握AJAX应用技术，要求能够向服务器发送请求，获取服务器响应的文档，并读取文档内容，然后插入到网页中。（二）实验内容应用AJAX读取服务器中的学生信息文档，解析文档并显示在页面中。实验七 综合设计（一）目的要求通过本实验教学，强化学生对本课程主要知识点的理解和综合应用能力，综合设计以6至7人一组，协同完成，培养团队协作能力，以及运用所学知识进行创新设计的能力。（二）实验内容网页计算器设计、网页飘浮广告、设计贪吃蛇游戏设计、网页相册设计八、教材（讲义、指导书）及参考书1.JavaScript程序设计，邹天思，人民邮电出版社，2012.52.JavaScript高级编程，Nicholas C. Zakas著，曹力、张欣译，人民邮电出版社，2006.113. JavaScript网页编程案例教程，屈鹏飞，清华大学出版社,2012.64. JavaScript入门经典（第4版）,刘海平,清华大学出版社.2008.7九、考核方式及成绩评定办法实验教学不进行期末笔试考试。主要根据学生平时实验及实验报告和综合设计进行评分。学生在实验前应该认真准备实验，根据实验要求进行实验准备，然后进行实验并完成实验报告，最后教师评出实验成绩，平时实验采用10分制。综合设计以67人为一组，团队协作完成，采用100分制。学期实验成绩评分细则为：1完成所有实验及实验报告 40分2综合设计 60分十、其它说明XX专业实验能力课程名称课程实验能力实验项目名称项目实验能力JavaScript编程实验1具备灵活运用JavaScript基本语法的能力。2具备运用JavaScript事件处理技术的能力。3具备使用JavaScript内置文档对象操作页面元素的能力。4具备运用JavaScript内置窗口对象的能力。5具备使用JavaScript操作XML文档的能力。6具备AJAX技术的应用能力。7具备运用所学课程知识进行动态网页设计能力。8具有较好的团队协作能力。JavaScript语言基础具备灵活运用JavaScript基本语法的能力事件处理技术具备运用JavaScript事件处理技术的能力文档对象应用技术具备使用JavaScript内置文档对象操作页面元素的能力