javascript课程设计.doc

潍坊科技学院 JavaScript课程设计 报 告 书 设计题目 基于javascript的电子商务网站开发 专业班级 11软件一 学生姓名 江京翔 学 号 201101080002 指导教师 陈凤萍 日 期 2012.12.24~2012.1.11 成 绩 课程设计任务书 院系： 软件学院 专业： 软件技术 班级： 11软1 学号： 201101080002 一、课程设计时间 2012年12月24日至2013年1月11日，共计3周。 二、课程设计内容 使用html+javascript+css 完成以下任务： 1、能够熟练使用css结合html实现网页布局。 2、熟练使用文档对象模型和事件驱动，能够很好的实现web表单的交互式操作。 3、熟练使用javascrip中的对象，实现网页的动态效果。 三、课程设计要求 1. 课程设计质量： 贯彻事件驱动的程序设计思想，熟练使用javascript中的对象，实现网页特效。 网页设计布局合理，色彩搭配合理，网页操作方便。 设计过程中充分考虑浏览器兼容等问题，并做适当处理。 代码应适当缩进，并给出必要的注释，以增强程序的可读性。 2. 课程设计说明书： 课程结束后，上交课程设计报告书和相关的网页。课程设计报告书的格式和内容参见提供的模板。 四、指导教师和学生签字 指导教师： 学生签名： 江京翔 五、教师评语： 基于javascript的电子商务网站开发 摘要 JavaScript是开发WEB应用程序不可或缺的一种语言，无论是为web页面增加交互性还是创建整个应用程序，如果没有Javascript，今天的web就不是现在这个样子了。 JavaScript是具有正式规范的基于标准语言；然而，正如任何一个web开发人员所告诉你的那样，几乎每个web浏览器对这个规范的解释都不同。 本网站充分的结合了HTML与CSS的结合充分显示了网站的动态效果，是客户与网站能够充分的结合，进行信息的交换信息不断的进行更新。 基于新闻管理网站，国外新闻页面更具有代表性，是网站最标准型之一，通过Javascript脚本的交互式该页面更好与其他的页面相互结合。 同时通常页面的下载是按照代码的排列顺序，而表格布局代码的排列代表从上向下，从左到右，无法改变。而通过CSS控制，您可以任意改变代码的排列顺序，比如将重要的右边内容先加载出来。 关键字：节假日、日历、Javascript脚本  目录 一、 前言 1 1.1课程设计思路 1 1.2课程设计目标 1 二、关键技术 1 2.1HTML相关概念 1 2.2css 3 2.3javascript 3 三、总体设计 4 3.1网站总体架构 4 3.2网站软件结构 4 3.3网站功能设计 5 四、详细设计 6 4.1中文日历 6 4.2主要代码 6 五、课设总结 36 六、参考文献 37 前言 1.1课程设计思路 网站设计一个中文小日历方便游客查看日期以及节假日，方便游客了解时间，以增强网站人性化设计可以增强时间观念。日期跟附农历日期以及闰年提醒以及传统24节气。可以在网页中显示出当前客户端的日期信息， 1.2课程设计目标 1.能够熟练使用css结合html，利用代码编写出日历雏形，。 2．熟练使用javascript和cookie实现日期精准查询，从而提高网页访问速度。 3．熟练使用javascript中的内建对象最终实现一个中文日历的雏形。 二、关键技术 2.1HTML相关概念 1.HTML语言 HTML语言(Hypertext?Markup?Language，中文通常称为超文本置标语言或超文本标记语言)是一种文本类、解释执行的标记语言，它是Internet上用于编写网页的主要语言。用HTML编写的超文本文件称为HTML文件。在WWW上，通常使用的发布语言是HTML，即超文本标识语言。当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，制作网页的时候，如果不涉及HTML语言，几乎是不可能的。 图2-1WWW的组成 2.HTML文件结构 HTML HEAD head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间