javascript课程设计

潍坊科技学院

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)

三、总体设计 ......................................... 错误！未定义书签。

3.1网站总体架构 (4)

3.2网站软件结构 (4)

3.3网站功能设计 (5)

四、详细设计 (6)

4.1中文日历 (6)

4.2主要代码 (6)

五、课设总结 (10)

六、参考文献 (10)

一、前言

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语言，几乎是不可能的。如图：WWW三个组成部分

图2-1WWW的组成

2.HTML文件结构

元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。

之间的内容将显示在浏览器窗口的标题栏。

HTML 文件的正文//元素表明是HTML文档的主体部分。在与之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。

元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如），也有一个结束的标记（如）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。

HTML元素属性:HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的< >内，并且和元素名之间有一个空格分隔；属性值用“”引起来。

2.2css

1.css简介

级联样式表（Cascading Style Sheet）简称“CSS”，它是用来进行网页风格设计。通过设立样式表，可以统一地控制HTML中各标签的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。

2.css文件

当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中作一次更改，而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名，例如Mystyles.css。

2.3javascript

1．javascript语言

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，响应用户的各种操作。

2.JavaScript嵌入HTML文件

JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器来解释执行。

1)、JavaScript 语句插入 HTML的方式：

（1)使用