JavaScript课程设计
课程设计js
课程设计js一、教学目标本课程的教学目标是让学生掌握JavaScript的基本语法、数据类型、流程控制语句、函数等基本知识，培养学生具备编写简单的JavaScript程序的能力。
具体分解为以下三个目标：1.知识目标：学生能够理解并掌握JavaScript的基本语法、数据类型、流程控制语句、函数等基本知识。
2.技能目标：学生能够运用JavaScript知识编写简单的程序，解决实际问题。
3.情感态度价值观目标：培养学生对编程的兴趣，增强学生的自主学习能力，提高学生解决问题的能力。
二、教学内容根据教学目标，本课程的教学内容主要包括以下几个部分：1.JavaScript基本语法和数据类型：变量、数据类型、运算符、类型转换等。
2.流程控制语句：条件语句、循环语句等。
3.函数：函数的定义和调用、参数传递、返回值等。
4.面向对象编程：对象、属性、方法、构造函数等。
5.事件处理：事件的概念、事件流、事件处理程序等。
三、教学方法为了达到教学目标，本课程将采用以下教学方法：1.讲授法：教师讲解基本概念、语法和知识点，引导学生理解和掌握。
2.案例分析法：分析实际案例，让学生了解JavaScript在实际编程中的应用。
3.实验法：学生动手编写代码，进行实验，巩固所学知识。
4.讨论法：分组讨论问题，培养学生的团队协作能力和解决问题的能力。
四、教学资源为了支持教学内容和教学方法的实施，我们将准备以下教学资源：1.教材：《JavaScript编程入门》。
2.参考书：《JavaScript高级程序设计》。
3.多媒体资料：教学PPT、视频教程等。
4.实验设备：计算机、网络环境等。
五、教学评估为了全面、客观地评估学生的学习成果，本课程将采用以下评估方式：1.平时表现：学生课堂表现、参与讨论和实验的情况等，占总评的30%。
2.作业：布置一定数量的作业，检查学生对知识点的掌握程度，占总评的30%。
3.考试：包括期中考试和期末考试，测试学生对课程知识的全面理解，占总评的40%。
(精心编排)JavaScript(编程教案)
(精心编排)JavaScript(编程教案) JavaScript 编程教案一、教学目标1. 了解 JavaScript 的基本概念和特性；2. 研究 JavaScript 的语法和常用方法；3. 掌握 JavaScript 的使用场景和应用方式；4. 能够运用 JavaScript 编写简单的交互式网页。
二、教学大纲三、教学方法1. 讲解法：通过教师讲解介绍 JavaScript 的基本概念、语法和常用方法；2. 演示法：通过演示实例，展示 JavaScript 的应用场景和实际案例；3. 实践法：学生通过自主实践和项目开发，巩固 JavaScript 的应用技能；4. 互动法：鼓励学生提问、讨论并参与课堂活动，促进研究效果。
四、教学资源1. 电脑和投影仪2. 上网设备3. JavaScript 开发工具 (推荐使用 Visual Studio Code)4. 教学课件和教材五、教学评估1. 学生参与度评估：观察学生的提问和课堂参与程度；2. 课堂练与作业评估：通过课堂练和作业考察学生对JavaScript 的掌握情况；3. 项目实践评估：评估学生在项目实践中综合运用 JavaScript的能力；4. 反馈与建议：及时反馈学生表现，给予指导和建议，帮助学生提高。
六、教学时间安排本教案的教学时间为共计 12 学时。
七、参考资料1. 《JavaScript高级程序设计》（第4版），Nicholas C. Zakas，人民邮电出版社以上是本教案的基本内容，根据实际情况可以适当进行调整和扩展。
希望同学们能够通过本教学计划，掌握 JavaScript 的基本知识和应用技能，为今后的前端开发之路打下坚实基础！。
《JavaScript程序设计》授课计划
《JavaScript程序设计》授课计划一、课程概述JavaScript 是一种广泛应用于网页开发的脚本语言，具有强大的交互性和动态效果实现能力。
本课程旨在为学生提供全面的 JavaScript 程序设计知识和技能，使学生能够熟练运用 JavaScript 开发具有实际功能的网页应用。
二、课程目标1、知识目标理解 JavaScript 的基本语法和数据类型。
掌握 JavaScript 的控制结构，如条件语句、循环语句。
熟悉 JavaScript 中的函数定义和调用。
了解 JavaScript 面向对象编程的基本概念和方法。
2、技能目标能够使用 JavaScript 实现网页元素的操作和交互。
能够运用 JavaScript 进行简单的表单验证。
能够利用 JavaScript 开发小型网页应用，如计算器、时钟等。
3、素质目标培养学生的逻辑思维能力和问题解决能力。
提高学生的自主学习能力和团队协作能力。
增强学生的创新意识和实践动手能力。
三、教学内容1、 JavaScript 基础JavaScript 简介：发展历程、应用领域、特点。
基本语法：变量声明、数据类型（字符串、数字、布尔值、数组、对象等）、运算符。
控制结构：ifelse 语句、for 循环、while 循环、dowhile 循环。
2、函数函数的定义和调用。
参数传递和返回值。
作用域和闭包。
3、对象和数组对象的创建和操作。
数组的操作方法（push、pop、slice 等）。
4、事件处理常见的网页事件（点击、鼠标移动、键盘输入等）。
事件监听和处理函数。
5、 DOM 操作DOM 树的概念。
获取和修改网页元素的属性和内容。
6、表单验证表单元素的获取和验证规则。
错误提示信息的显示。
7、面向对象编程对象的创建和继承。
构造函数和原型对象。
8、综合项目实践开发一个具有完整功能的网页应用，如博客系统、在线购物车等。
四、教学方法1、课堂讲授通过讲解、演示和示例，向学生传授 JavaScript 的基础知识和编程技巧。
js课程设计设计报告
JS课程设计设计报告1. 简介本文档将描述一个JavaScript课程的设计方案，旨在帮助学生系统学习和掌握JavaScript编程语言。
2. 目标本课程的主要目标是让学生掌握JavaScript的基本语法、DOM操作、事件处理、AJAX等内容，进而能够独立编写简单的Web应用程序。
3. 课程内容•JavaScript基础：变量、数据类型、运算符、条件语句、循环语句等•DOM操作：获取元素、修改元素、添加元素等•事件处理：事件的绑定、事件的冒泡与捕获等•AJAX：异步通信、JSON数据处理等4. 教学方法•理论与实践相结合：除了讲授知识，还要进行代码演示和实践操作•项目实战：设计一些小型项目让学生动手实践，巩固所学知识•互动教学：鼓励学生提问，解答他们的疑惑，促进学习效果5. 教学资源•个人电脑或笔记本电脑•浏览器•编程工具：Sublime Text、Visual Studio Code等•互联网：搜索引擎、在线学习资源等6. 考核方式•期末项目：学生根据所学知识设计并完成一个小型Web应用•平时作业：布置一些编程练习作业，检查学生的学习情况•考试：进行一定数量的选择题和编程题，考察学生的综合能力7. 教学进度安排第1周•课程介绍•JavaScript基础语法第2周•变量和数据类型•运算符第3周•条件语句•循环语句第4周•函数•数组第5周•DOM操作基础•事件处理第6周•AJAX基础•JSON数据交互8. 结语通过本课程的学习，学生将掌握JavaScript编程的基本技能，为将来的Web开发奠定坚实的基础。
希望学生能够认真学习，多实践，不断提升自己的技术水平。
javascript课程设计
JavaScript+jQuery 开发框架课程设计题目毕业留言板院（系）专业班级学生姓名学号设计地点指导教师起止时间：2015年6月8日至2015年6月12日目录一、前言1.1 课程设计思路 (3)1.2 课程设计目标 (3)二、关键技术 (3)2.1 HTML相关概念 (3)2.2 CSS (5)2.3 JavaScript (6)三、总体设计 (7)3.1 网站总体布局 (7)四、详细设计 (7)4.1 主要代码 (7)4.2 网页结果显示 (18)五、课设总结 (19)六、参考文献 (20)一、前言光阴似箭，岁月如梭，三年美好而艰辛的大学生活犹如漏斗中的沙石已悄然流进昨日。
此时站在漫漫求学道路终点站的我心潮澎湃，思绪万千，昔日的点点滴滴，林林总总，跃然而起，历历在目。
此时面对着我可爱的同学，面对着美丽的校园，我心中虽有千言万语，却只字难出。
三年改变了我们的容颜和那颗曾经年轻的心，而成长的代价就是我们失去纯真的微笑，而多了一份离别的伤感。
无论我们有多少不舍，都唤不回逝去的四年。
但我们无须失落，我们依然可以一路高歌，让六月的骄阳永远见证我们的无悔青春。
日出日落，月圆月缺，总叫人期待，期待一次惊喜的通话，一封意外的信件，一刻相聚的欢愉，一夕促膝的长谈，一束鲜花的清香……日后，我最爱的同学们啊，我期待的一丝喜悦都来自于你。
让时间老去，让激情回归！愿事业一帆风顺，爱情甜甜美美，请带着我的期冀幸福一生！写不完的句子，但终一句话，我爱你们！1.1 课程设计思路临近毕业，心中不免感慨万千，那么，就在现在，大胆地说出你的想法，你的感动，和身边在人分享，留下你们的记忆。
这次课程设计的目的也是想和同学们一起留下我们当初的记忆，然后用就一生去珍藏、去感受。
1.2 课程设计目标1.能够熟练javascript，通过咨询和考察，最终确定并实现网页布局。
同时使用动态样式表甚至可以让图片的切换获得多种转场效果。
2．熟练使用javascript和css中的内建对象最终实现本次课程设计。
关于留言板js课程设计
关于留言板js课程设计一、课程目标知识目标：1. 学生能够理解留言板的基本原理，掌握JavaScript（JS）语言在网页中的应用；2. 学生能够运用HTML和CSS知识，结合JS实现留言板的动态交互功能；3. 学生了解并能使用JS数组、对象等数据结构存储和管理留言数据。
技能目标：1. 学生能够运用所学知识，独立编写并调试简单的JS代码，实现留言板的增删改查功能；2. 学生能够运用事件处理机制，实现用户与留言板之间的交互；3. 学生能够通过本课程的学习，提高解决问题的能力和编程实践能力。
情感态度价值观目标：1. 学生培养对编程的兴趣和热情，增强对计算机科学的认识和好奇心；2. 学生在学习过程中，培养团队协作和沟通能力，学会分享和借鉴他人的经验；3. 学生通过编程实践，培养创新思维和动手能力，提高自信心和成就感。
本课程针对高年级学生，结合学科特点和教学要求，将目标分解为具体的学习成果。
通过本课程的学习，使学生能够掌握JavaScript编程基础，实现留言板功能，并在实践中培养编程兴趣和团队协作能力。
教学过程中，注重知识传授与实践操作相结合，以提高学生的综合素养。
二、教学内容1. 留言板功能需求分析- 了解留言板的基本功能，如发表留言、查看留言、删除留言等；- 分析留言板涉及的前端技术，包括HTML、CSS和JavaScript。
2. JavaScript基础知识回顾- 变量、数据类型、运算符；- 控制结构（条件语句、循环语句）；- 函数定义与调用；- 事件处理机制。
3. 留言板核心功能实现- 使用HTML和CSS搭建留言板界面；- 使用JavaScript实现留言的发表、删除功能；- 使用JavaScript数组存储和管理留言数据；- 实现留言的动态展示。
4. 留言板高级功能拓展- 使用JavaScript对象存储留言信息；- 实现留言的编辑功能；- 添加时间戳显示留言时间；- 留言排序和分页功能。
JavaScript程序设计基础教程课程设计
JavaScript程序设计基础教程课程设计介绍本篇文档是针对JavaScript程序设计基础教程的课程设计，旨在帮助学生更好地掌握JavaScript程序设计的基础知识。
目标通过本次课程设计，学生应该能够掌握以下内容：•了解JavaScript程序设计的基础知识•掌握JavaScript的语法和基本概念•能够运用JavaScript进行简单的编程•了解JavaScript在实际开发中的应用设计第一部分：基础知识第一部分主要介绍JavaScript的基础知识，包括变量、数据类型、运算符、流程控制等。
变量•什么是变量•变量的声明与定义•变量的命名规范数据类型•简单数据类型：数值、字符串、布尔值•复杂数据类型：数组、对象、函数运算符•算术运算符•比较运算符•逻辑运算符流程控制•if语句•switch语句•for循环•while循环第二部分：语法和基本概念第二部分主要介绍JavaScript的语法和基本概念，包括函数、变量作用域、对象、继承等。
函数•什么是函数•函数的定义和调用•函数的参数•函数的返回值变量作用域•什么是作用域•局部作用域和全局作用域•作用域链对象•什么是对象•对象的属性和方法•对象的创建和使用继承•继承的概念•原型和原型链•实现继承的方法第三部分：编程实践第三部分主要是通过编程实例进行实践，帮助学生巩固所学知识，提高编程能力。
实例1：计算器•实现一个简单的计算器•支持加、减、乘、除四种基本运算•支持连续运算和括号运算实例2：DOM操作•实现一个简单的TodoList•支持添加、删除、编辑、完成等功能•利用DOM操作实现页面效果结论本次课程设计主要是为了帮助学生掌握JavaScript程序设计的基础知识，通过基础知识、语法和基本概念以及编程实践的介绍，使学生能够对JavaScript程序设计有更深刻的认识，并通过实践巩固所学知识，提高编程能力。
js计算器课程设计
js计算器课程设计一、课程目标知识目标：1. 让学生理解JavaScript基本语法和程序结构；2. 使学生掌握运用JavaScript进行算术运算的方法；3. 帮助学生了解计算器的基本功能及其实现方式。
技能目标：1. 培养学生运用JavaScript编写简单程序的能力；2. 培养学生运用逻辑思维解决问题的能力；3. 提高学生在编程中调试、修改代码的能力。
情感态度价值观目标：1. 培养学生对编程的兴趣，激发学习计算机科学的热情；2. 培养学生的团队协作意识，提高沟通与交流能力；3. 培养学生勇于面对困难、积极解决问题的态度。
分析课程性质、学生特点和教学要求：本课程针对的是初中年级学生，他们在之前的学习中已经掌握了基本的计算机操作技能，具备一定的逻辑思维能力。
本课程旨在让学生通过学习JavaScript 计算器编程，提高编程技能，培养解决问题的能力。
课程目标分解为以下具体学习成果：1. 学生能够独立编写一个具有基本算术运算功能的JavaScript计算器程序；2. 学生能够在编程过程中运用逻辑思维，分析并解决简单问题；3. 学生能够在课程学习中积极参与讨论，与同学分享编程心得，提高团队协作能力。
二、教学内容1. JavaScript基本语法与程序结构- 变量定义与赋值- 数据类型与转换- 运算符与表达式- 流程控制（顺序、分支、循环）2. 算术运算实现- 加、减、乘、除运算- 括号优先级处理- 连续运算与结果更新3. 计算器功能实现- 输入输出界面设计- 事件处理与函数调用- 功能模块划分与实现4. 调试与优化- 代码调试方法- 优化程序性能与结构- 代码规范与注释教学内容安排与进度：第1课时：JavaScript基本语法与程序结构学习，进行变量定义、赋值以及数据类型转换的练习。
第2课时：学习运算符与表达式，掌握算术运算的基本实现方法。
第3课时：学习流程控制，实现计算器的基本运算功能。
第4课时：综合运用所学知识，设计并实现一个具有基本功能的计算器。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
南京理工大学泰州科技学院课程设计报告书姓名：学号：指导老师：职称：设计地点：起讫时间：计算机系编印二0一二年三月课程设计要求各专业学生应根据课程任教老师的要求，做出选题计划，并按下列要求完成课程设计任务。
一、学生应按照老师的要求完成规定的课程设计任务量。
二、课程设计报告书要求格式统一，字迹工整，语言简练,文字通顺,按课程设计格式要求书写。
程序清单不够填写时统一用A4纸补充并粘贴。
对不按格式要求书写或打印的报告书一律不收，也不得进行答辩和评分。
三、必须独立完成课程设计，不得相互抄袭。
在答辩和批阅过程中发现源程序相同或有大面积抄袭现象，课程任教老师有权通知学生重做，不得给予评分，并通报综合教研室。
四、学生课程设计结束后应提交的材料：（1）课程设计报告书；（2）包含完整的、正确的源程序代码（含电子文档）；（3）设计体会与心得，要求深入、具体、生动、1000字以上；（4）答辨材料（介绍课程设计要点）。
选题内容及要求选题：参考文献情况序号名称编著者出版社12345678910课程设计考核情况教师评价情况指导老师评语:指导老师：_____________(签名)日期：年月日学生答辩情况综合成绩评定情况综合评价等级:__________________注：共分五个等级 (1.优 2、良 3、中 4、合格 5、不合格)课程设计报告书目录一、设计课题二、设计目的三、操作环境四、设计场所（机房号、机器号或自己机器）五、设计过程（设计内容及主要程序模块）六、本次设计中用到的课程知识点（列出主要知识点）七、设计过程中遇到的问题及解决办法八、课程设计体会与心得（1000字以上）九、程序清单一、设计课题二、设计目的三、操作环境四、设计场所4305五、设计过程（设计内容及主要模块）六、设计中用到的课程知识点七、设计中遇到的问题及解决方法八、课程设计体会与心得程序清单1.Main.htm<html><head><title></title><frameset rows="130,*,130"><frame src="head.htm" name="topFrame"><frameset cols="250,750,*"><frame src="center1.htm" name="chaxun"><frame src="center2.htm" name="news"><frame src="center3.htm" name="kuang"></frameset><frame src="last.htm" name="welcome"></frameset></head><body></body></html>2.head.htm<html><head><title></title></head><body background="蓝色珍珠.jpg"><div align="center"><img src="学校图标.jpg" height="70" width="70" onload="showTime()"> <input type="text" id="time" style="border:thin; background-color:#9ED6FE" readonly><font face="楷体" size="+9" color="black">南京理工大学泰州科技学院欢迎您</font><div> <script language="javascript">function showTime(){var data=new Date();var year=data.getFullYear();var month=data.getMonth()+1;var day=data.getDate();var hour=data.getHours();var minute=data.getMinutes();var second=data.getSeconds();var s=year+"年"+month+"月"+day+"日"+hour+":"+minute+":"+second;document.getElementById("time").value=s;setTimeout("showTime()",1000);}</script></body></html>3.center1.htm<html><head><title></title></head><body background="登陆背景.jpg"><a href="center1_1.htm" target="kuang"><font face="宋体" size="+2" color="#FF0080"><img src="welcome小图.gif" height="40" width="40" border="0">学生信息管理</font></a><br><a href="center1_2.htm" target="kuang"><font face="宋体" size="+2" color="#FF0080"><img src="welcome小图.gif" height="40" width="40" border="0">教师信息管理</font></a><br><a href="center1_3.doc" target="_blank"><font face="宋体" size="+2" color="#FF0080"><img src="welcome小图.gif" height="40" width="40" border="0">学校信息管理</font></a><br><a href="center1_4.htm" target="center1_4.htm"><font face="宋体" size="+2" color="#FF0080"><img src="welcome小图.gif" height="40" width="40" border="0">校园简介</font></a><br><a href="center1_5.htm" target="center1_5.htm"><font face="宋体" size="+2" color="#FF0080"><img src="welcome小图.gif" height="40" width="40" border="0">学院招生简章</font></a><br><a href="center1_6.htm" target="center1_6.htm"><font face="宋体" size="+2" color="#FF0080"><img src="welcome小图.gif" height="40" width="40" border="0">学院风景秀</font></a><br></body></html>4.Center2.htm<html><head><title></title></head><body background="登陆背景.jpg"><div id="colee_right" style="overflow:hidden;width:650px; height:300px"><table cellpadding="0" cellspacing="0" border="0"><tr><td id="colee_right1" valign="top" align="center"><table cellpadding="2" cellspacing="0" border="0"><tr align="center"><td><p><a href="p0.htm"><img src="p0 (1).jpg"></a></p></td><td><p><a href="p0.htm"><img src="p0 (2).jpg"></a></p></td><td><p><a href="p0.htm"><img src="p0 (3).jpg"></a></p></td><td><p><a href="p0.htm"><img src="p0 (4).jpg"></a></p></td><td><p><a href="p0.htm"><img src="p0 (5).jpg"></a></p></td><td><p><a href="p0.htm"><img src="p0 (6).jpg"></a></p></td><td><p><a href="p0.htm"><img src="p0 (7).jpg"></a></p></td><td><p><a href="p0.htm"><img src="p0 (8).jpg"></a></p></td></tr></table></td><td id="colee_right2" valign="top"></td></tr></table></div><script>var speed=30;var colee_right2=document.getElementById("colee_right2");var colee_right1=document.getElementById("colee_right1");var colee_right=document.getElementById("colee_right");colee_right2.innerHTML=colee_right1.innerHTML;function Marquee4(){if(colee_right.scrollLeft<=0)colee_right.scrollLeft+=colee_right2.offsetWidthelse{colee_right.scrollLeft--;}}var MyMar4=setInterval(Marquee4,speed)colee_right.onmouseover=function() {clearInterval(MyMar4)}colee_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}</script></body></html>5.Center3.htm<html><head><title></title></head><body background="蓝色蝴蝶.jpg"><marquee direction="up" height="300"><font face="Arial, Helvetica, sans-serif" size="+1" color="#FF0080"><a href="a1.htm" >1.院长于广云视察指导大学生实践创新</a><br><a href="a1.htm">2.首届泰州市大学生模拟炒股大赛在我院举行</a><br><a href="a1.htm">3.青春的向往奋进的力量--写在五四青年节</a><br><a href="a1.htm">4.我院召开本学期机关职能部门工作汇报</a><br><a href="a1.htm">5.我院学生在第五届机械大赛上获奖</a><br></font></marquee></body></html>st.htm<html><head><title></title></head><body background="蓝色珍珠.jpg"><marquee direction="right"><img src="welcome.gif" height="90"></marquee> </body></html>7.center1_1.htm<HTML><HEAD><TITLE>学生登录</TITLE></HEAD><script language="javascript" type="text/javascript">function test(){var s1=document.getElementById("username").value;var s2=document.getElementById("password").value;if(s1.length==0){alert("用户名不能为空，请重新输入");ername.focus();return false;}else if (s1.length<6){alert("用户名不能少于6位，请重新输入");ername.focus();return false;}else{if(s2.length==0){alert("用户密码不能为空，请重新输入");document.f1.password.focus();return false;}else if (s2.length<6){alert("用户密码不能少于6位，请重新输入");document.f1.password.focus();return false;}else{document.getElementById("div_1").style.display="block";document.getElementById("div_0").style.display="none";}}}function test1(){var s1=document.getElementById("baoming").value;var s2=document.getElementById("grade").value;if (s1=="e4"){if(s2=="p11"){ alert("四级报名成功,且要查询大一第一学期成绩");return true;}else if(s2=="p12"){ alert("四级报名成功,且要查询大一第二学期成绩");return true;}else if(s2=="p21"){ alert("四级报名成功,且要查询大二第一学期成绩");return true;}else if(s2=="p22"){ alert("四级报名成功,且要查询大二第二学期成绩");return true;}else if(s2=="p31"){ alert("四级报名成功,且要查询大三第一学期成绩");return true;}else if(s2=="p32"){ alert("四级报名成功,且要查询大三第二学期成绩");return true;}else if(s2=="p41"){ alert("四级报名成功,且要查询大四第一学期成绩");return true;}else if(s2=="p42"){ alert("四级报名成功,且要查询大四第二学期成绩");return true;}}else if(s1="e6"){if(s2=="p11"){ alert("六级报名成功,且要查询大一第一学期成绩");return true;}else if(s2=="p12"){ alert("六级报名成功,且要查询大一第二学期成绩");return true;}else if(s2=="p21"){ alert("六级报名成功,且要查询大二第一学期成绩");return true;}else if(s2=="p22"){ alert("六级报名成功,且要查询大二第二学期成绩");return true;}else if(s2=="p31"){ alert("六级报名成功,且要查询大三第一学期成绩");return true;}else if(s2=="p32"){ alert("六级报名成功,且要查询大三第二学期成绩");return true;}else if(s2=="p41"){ alert("六级报名成功,且要查询大四第一学期成绩");return true;}else if(s2=="p42"){ alert("六级报名成功,且要查询大四第二学期成绩");return true;}}else if(s1="jsj"){if(s2=="p11"){ alert("计算机等级考试报名成功,且要查询大一第一学期成绩");return true;}else if(s2=="p12"){ alert("计算机等级考试报名成功,且要查询大一第二学期成绩");return true;}else if(s2=="p21"){ alert("计算机等级考试报名成功,且要查询大二第一学期成绩");return true;}else if(s2=="p22"){ alert("计算机等级考试报名成功,且要查询大二第二学期成绩");return true;}else if(s2=="p31"){ alert("计算机等级考试报名成功,且要查询大三第一学期成绩");return true;}else if(s2=="p32"){ alert("计算机等级考试报名成功,且要查询大三第二学期成绩");return true;}else if(s2=="p41"){ alert("计算机等级考试报名成功,且要查询大四第一学期成绩");return true;}else if(s2=="p42"){ alert("计算机等级考试报名成功,且要查询大四第二学期成绩");return true;}}}</script><BODY background="蓝色蝴蝶.jpg"><div id="div_0" align="center"><a><font face="楷体" size="+7" color="red"><div align="center"><i>学生登陆界面</i></div></font></a><hr><form name="f1">用户名：<INPUT name="username" type="text" id="username"><br>密 码：<INPUT name="password" type="password" id="password"><br><INPUT name="dl" type="button" value="登录" onclick="test()"> <INPUT name="d2" type="reset" value="重置"></div><div id="div_1" style="display:none" align="center"><a><font face="楷体" size="+7" color="red"><div align="center"><i>学生信息查询界面</i></div></font></a><hr><table bgcolor="#8080FF" border="1"><tr><td> 姓名</td><td>王佳丽</td></tr><tr><td> 学号</td><td>0909030213</td></tr><tr><td> 性别</td><td> 女</td></tr><tr><td> 专业考试报名</td><td><select name="baoming"><option value="e4">英语四级报名</option><option value="e6">英语六级报名</option><option value="jsj">计算机等级考试报名</option></select></td></tr><tr><td>期末成绩查询：</td><td><select name="grade"><option value="p11">大一第一学期</option><option value="p12">大一第二学期</option><option value="p21">大二第一学期</option><option value="p22">大二第二学期</option><option value="p31">大三第一学期</option><option value="p32">大三第二学期</option><option value="p41">大四第一学期</option><option value="p42">大四第二学期</option></select></td></tr><tr><td>补考信息通知：</td><td><input name="bukao" id="bukao" type="text" value="暂无补考通知" size="20"></td></tr><tr><td>实验课地点通知：</td><td><input name="shiyan" id="shiyan" type="text" value="暂无实验通知" size="20"></td></tr><tr><td> <input name="submit" id="submit" type="submit" value="确定" onclick="test1()"></td><td>  </td></tr></table></div></BODY></HTML>8.center1_2.htm<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>教师登录</TITLE></HEAD><script language="javascript" type="text/javascript">function test(){var s1=document.getElementById("username").value;var s2=document.getElementById("password").value;if(s1.length==0){alert("老师您好，用户名不能为空，请重新输入");ername.focus();return false;}else if (s1.length<6){alert("老师您好，用户名不能少于6位，请重新输入");ername.focus();return false;}else{if(s2.length==0){alert("老师您好，用户密码不能为空，请重新输入");document.f1.password.focus();return false;}else if (s2.length<6){alert("老师您好，用户密码不能少于6位，请重新输入");document.f1.password.focus();return false;}else{document.getElementById("div_0").style.display="none";document.getElementById("div_1").style.display="block";}}}</script><BODY background="蓝色蝴蝶.jpg"><div id="div_0" align="center"><a><font face="楷体" size="+7" color="red"><div align="center"><i>教师登录</i></div></font></a><hr><form name="f1" >用户名：<INPUT name="username" type="text" class="login-input" id="username"><br>密 码:<INPUT name="password" type="password" class="login-input" id="password"><br><INPUT name="dl" type="button" value="登录" onclick="test()">    <INPUT name="d2" type="reset" value="重置"></div><div align="center" id="div_1" style="display:none"><a><marquee><font face="楷体" size="+7" color="red"><div align="center"><i>亲爱的老师，欢迎登录教师管理系统</i></div></font></marquee></a><hr><div align="left"><a href="stu_grade.htm"><font face="Tahoma" size="+2" color="#FF0080"><img src="旋转花.gif" height="40" width="40" border="0">学生成绩管理</font></a><br><a href="tea.htm"><font face="Tahoma" size="+2" color="#FF0080"><img src="旋转花.gif" height="40" width="40" border="0">教师个人信息查询</font></a><br><a href="course.htm"><font face="Tahoma" size="+2" color="#FF0080"><img src="旋转花.gif" height="40" width="40" border="0">课程安排查询</font></a><br></div></div></BODY></HTML>9.center1_3.doc普通文本文件。