JavaScript jQuery开发框架课程设计剖析.docx

JavaScript jQuery开发框架课程设计剖析.docx

《JavaScript jQuery开发框架课程设计剖析.docx》由会员分享，可在线阅读，更多相关《JavaScript jQuery开发框架课程设计剖析.docx（23页珍藏版）》请在冰豆网上搜索。

JavaScriptjQuery开发框架课程设计剖析

JavaScript+jQuery开发框架课程设计

题目网络站点

院（系）信息工程学院

专业班级

学生姓名

学号

设计地点

指导教师

起止时间：

2016年5月30日至2016年6月5日

站点截图

基于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.2css2

2.3javascript3

一、总体设计4

3.1网站总体架构4

3.2网站软件结构4

3.3网站功能设计5

二、详细设计8

4.1中文日历8

4.2主页代码8

五、课设总结22

六、参考文献23

一、前言

1.1课程设计思路：

设计一个交互性强网络站点大量运用CSS样式等，美化网站，提升网站的吸睛度。

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简介

级联样式表（CascadingStyleSheet）简称“CSS”，它是用来进行网页风格设计。

通过设立样式表，可以统一地控制HTML中各标签的显示属性。

级联样式表可以使人更能有效地控制网页外观。

使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。

2.css文件

当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。

在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。

如果人们决定更改样式，只需在外部样式表中作一次更改，而该更改会反映到所有与该样式表相链接的网页上。

通常外部样式表以.css做为文件扩展名，例如Mystyles.css。

2.3javascript

1．javascript语言

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。

同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，响应用户的各种操作。

2.JavaScript嵌入HTML文件

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

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

（1）使用

----start-smoth-scrolling---->

jQuery（document）.ready（function（$）{

$（".scroll"）.click（function（event）{

event.preventDefault（）;

$（'html,body'）.animate（{scrollTop:

$（this.hash）.offset（）.top},1000）;

}）;

}）;

----start-smoth-scrolling---->

----start-header---->