资源目录
压缩包内文档预览：(预览前20页/共30页)
编号：21836127
类型：共享资源
大小：13.16MB
格式：ZIP
上传时间：2019-09-06
上传人：QQ24****1780
认证信息
个人认证
王**（实名认证）
浙江
IP属地：浙江
25
积分
- 关 键 词：
-
大学
web
数据库技术
课件
ppt
- 资源描述：
-
大学WEB数据库技术-高晗-课件PPT,大学,web,数据库技术,课件,ppt
- 内容简介：
-
Web数据库技术,高 晗 张翠玲 杨 玲 编著,普通高等教育“十一五”国家级规划教材,21高职高专新概念教材,中国水利水电出版社,第1章 Web数据库概述,Web数据库的概念 几种常用Web数据库的特点 脚本程序与数据库连接的常用方法,本章学习要点,1.1 Web概述,Web即万维网，就是通过使用通信设备和线路，将处在不同地理位置、操作上相对独立的多个计算机连接起来，再配置一定的系统软件和应用软件，在这些计算机上实现软硬件的资源共享和信息传递，由此而构成的计算机网络。,WWW由联入互联网的Web服务器和浏览页面的客户机构成，这种工作模式通常称为浏览器/服务器模式（Browser/Server模式），简称B/S模式。还有一种模式为客户机/服务器模式（Client/Server模式），简称为C/S模式,它是通过在服务器和客户机上分别安装相应的程序，从而达到使客户机能够与服务器进行通信的目的。,客户机/服务器结构(C/S),由两部分组成，即客户应用程序和数据库服务器程序； 服务器被启动，就随时等待响应客户程序发来的请求； 当需要对数据库中的数据进行任何操作时，客户程序就自动地寻找服务器程序，并向其发出请求，服务器程序根据预定的规则作出应答，送回结果。,浏览器/服务器结构（B/S）,客户层（browser） 用户接口和用户请求的发出地，典型应用是网络浏览器； 服务器层（web server） 典型应用是Web服务器和运行业务代码的应用程序服务器 数据层（data tier） 典型应用是关系型数据库和其他后端（back-end）数据资源, 如Oracle和LDAP 等。,在浏览网页时，服务器上的WWW服务允许用鼠标点击“超级链接” ，要涉及两个不同的程序:,WWW客户机程序 Web服务器程序,1.2 Web数据库,数据库是指按照一定的结构和规则组织起来的相关数据的集合，是存放数据的“仓库”。 将网络数据库定义为以后台数据库为基础的，加上一定的前台程序，通过浏览器完成数据存储、查询等操作的系统。 一个Web数据库就是用户利用浏览器作为输入接口，输入所需要的数据，浏览器将这些数据传送给网站，而网站再对这些数据进行处理。,几种常用Web数据库的比较,1SQL Server 微软公司从Sysbase获得基本部件的使用许可后开发出的一种关系型数据库。目前最新的版本是SQL Server 2005，但SQL Server 2000和SQL Server 7.0仍在广泛使用。如果用户使用的是Windows操作系统，那么IIS、SQL Server就应该是最佳的选择。,2MySQL 当今Unix或Linux类服务器上广泛使用MySQL作为Web数据库系统。由于它不支持事务处理，MySQL的速度比一些商业数据库快23倍，并且MySQL还针对很多操作平台做了优化，完全支持多CPU系统的多线程方式。在编程方面，MySQL也提供了C、C+、Java、Perl、Python等API接口，而且有MyODBC接口，任何可以使用ODBC接口的语言都可以使用它。MySQL的源代码是公开的，可以免费使用。,3Oracle 一种面向网络计算机并支持对象关系模型的数据库产品。它之所以备受用户喜爱是因为它具有以下突出的特点： （1）支持大型数据库、多用户和高性能的事务处理。 （2） Oracle遵守数据库存取语言、操作系统、用户接口和网络通信协议的工业标准。 （3）实施安全性控制和完整性控制 。 （4）支持分布式数据库和分布式处理 。,表1-1 3种数据库的性价比,1.3 脚本程序与数据库的接口,在脚本程序中连接数据库一般都需要相应的接口来完成。连接数据库的常用方法有：,ODBC（Open Database Connectivity，即开放式数据库连接） DAO（Data Access Objects，即数据库访问对象） RDO（Remote Data Objects，即远程数据对象） ADO（ActivteX Data Objects，即ActivteX数据对象）,1.4 应用开发平台,（1）ASP ASP(Activex Server Pages)是由微软创建的Web应用开发标准，ASP服务器已经包含在IIS服务器中。ASP服务器将Web请求转入解释器中，解释器对所有ASP中的脚本进行分析，然后执行。ASP还可以创建COM对象以完成更多的功能。ASP中的脚本是Vbscript。,（2）PHP PHP由于其良好的性能和免费的特点，是互联网中应用较为流行的一种应用开发平台。,（3）JSP JSP（JavaServer Pages）是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件（*.htm,*.html）中插入Java程序段（Scriptlet）和JSP标记(tag)，从而形成JSP文件（*.jsp）。,本章主要介绍了Web数据库的概念，分析与比较了几种常用的Web数据库的功能及特点，对脚本程序与数据库的接口技术也进行了简要的介绍。通过本章的学习，读者对Web数据库有了初步的了解。,本章小结,Web数据库技术高 晗 张翠玲 杨 玲 编著普通高等教育“十一五”国家级规划教材21高职高专新概念教材中国水利水电出版社第1章 Web数据库概述 Web数据库的概念几种常用Web数据库的特点脚本程序与数据库连接的常用方法 本章学习要点1.1 Web概述 Web即万维网，就是通过使用通信设备和线路，将处在不同地理位置、操作上相对独立的多个计算机连接起来，再配置一定的系统软件和应用软件，在这些计算机上实现软硬件的资源共享和信息传递，由此而构成的计算机网络。 WWW由联入互联网的Web服务器和浏览页面的客户机构成，这种工作模式通常称为浏览器/服务器模式（Browser/Server模式），简称B/S模式。还有一种模式为客户机/服务器模式（Client/Server模式），简称为C/S模式,它是通过在服务器和客户机上分别安装相应的程序，从而达到使客户机能够与服务器进行通信的目的。客户机/服务器结构(C/S)由两部分组成，即客户应用程序和数据库服务器程序；服务器被启动，就随时等待响应客户程序发来的请求；当需要对数据库中的数据进行任何操作时，客户程序就自动地寻找服务器程序，并向其发出请求，服务器程序根据预定的规则作出应答，送回结果。浏览器/服务器结构（B/S） 客户层（browser） 用户接口和用户请求的发出地，典型应用是网络浏览器； 服务器层（web server） 典型应用是Web服务器和运行业务代码的应用程序服务器 数据层（data tier） 典型应用是关系型数据库和其他后端（back-end）数据资源, 如Oracle和LDAP 等。 在浏览网页时，服务器上的WWW服务允许用鼠标点击“超级链接” ，要涉及两个不同的程序: WWW客户机程序 Web服务器程序1.2 Web数据库 数据库是指按照一定的结构和规则组织起来的相关数据的集合，是存放数据的“仓库”。 将网络数据库定义为以后台数据库为基础的，加上一定的前台程序，通过浏览器完成数据存储、查询等操作的系统。 一个Web数据库就是用户利用浏览器作为输入接口，输入所需要的数据，浏览器将这些数据传送给网站，而网站再对这些数据进行处理。几种常用Web数据库的比较 1SQL Server 微软公司从Sysbase获得基本部件的使用许可后开发出的一种关系型数据库。目前最新的版本是SQL Server 2005，但SQL Server 2000和SQL Server 7.0仍在广泛使用。如果用户使用的是Windows操作系统，那么IIS、SQL Server就应该是最佳的选择。 2MySQL 当今Unix或Linux类服务器上广泛使用MySQL作为Web数据库系统。由于它不支持事务处理，MySQL的速度比一些商业数据库快23倍，并且MySQL还针对很多操作平台做了优化，完全支持多CPU系统的多线程方式。在编程方面，MySQL也提供了C、C+、Java、Perl、Python等API接口，而且有MyODBC接口，任何可以使用ODBC接口的语言都可以使用它。MySQL的源代码是公开的，可以免费使用。 3Oracle一种面向网络计算机并支持对象关系模型的数据库产品。它之所以备受用户喜爱是因为它具有以下突出的特点：（1）支持大型数据库、多用户和高性能的事务处理。（2） Oracle遵守数据库存取语言、操作系统、用户接口和网络通信协议的工业标准。 （3）实施安全性控制和完整性控制 。（4）支持分布式数据库和分布式处理 。表1-1 3种数据库的性价比 1.3 脚本程序与数据库的接口 在脚本程序中连接数据库一般都需要相应的接口来完成。连接数据库的常用方法有： ODBC（Open Database Connectivity，即开放式数据库连接） DAO（Data Access Objects，即数据库访问对象） RDO（Remote Data Objects，即远程数据对象） ADO（ActivteX Data Objects，即ActivteX数据对象） 1.4 应用开发平台 （1）ASP ASP(Activex Server Pages)是由微软创建的Web应用开发标准，ASP服务器已经包含在IIS服务器中。ASP服务器将Web请求转入解释器中，解释器对所有ASP中的脚本进行分析，然后执行。ASP还可以创建COM对象以完成更多的功能。ASP中的脚本是Vbscript。（2）PHP PHP由于其良好的性能和免费的特点，是互联网中应用较为流行的一种应用开发平台。 （3）JSP JSP（JavaServer Pages）是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件（*.htm,*.html）中插入Java程序段（Scriptlet）和JSP标记(tag)，从而形成JSP文件（*.jsp）。 本章主要介绍了Web数据库的概念，分析与比较了几种常用的Web数据库的功能及特点，对脚本程序与数据库的接口技术也进行了简要的介绍。通过本章的学习，读者对Web数据库有了初步的了解。本章小结第2章 ASP及其运行环境,ASP相关概念与工作方式 Web服务器的配置 简单ASP程序的编写,本章学习要点,2,2.1 ASP概述,动态Web技术 动态Web技术的应用有多种类型。第一种类型是与使用者直接交互的页面，它的一个应用是用传统的电子表格的方法为使用者统计几种数据表项的和。另一种应用是一个Web页面，它对用户作出响应并给出迅速的反馈，这种形式常被应用于网络数据库的访问。通常，用一个网络数据库存储用户可访问的信息，由动态Web页提供对数据库的访问界面，用户通过Web浏览器就可以进行数据库的各种操作。,3,什么是ASP ASP是一个Web服务器端开发环境，属于ActiveX 技术中的服务器端技术 ASP中的命令脚本语句都是在服务器中解释执行，执行后将结果转化成动态的Web页面，并把标准的HTML格式的数据流送回到客户端浏览器。 ASP还提供了丰富的组件和对象，可以使用第三方控件来完成复杂的功能。 ASP通过扩展名为.asp的文件来实现。,4,通常，一个ASP有以下4个重要特征： （1）可以包括服务端脚本。 （2）提供了一些内建对象。 （3）可以用组件进行扩展。 （4）ASP可以对诸如SQL Server这样的数据库进行访问。,5,归纳起来，ASP具有以下特点： 可以和HTML或其他脚本语言（VBScript与JavaScript）相互嵌套。 无须编译，容易编写，在服务器端直接执行。 ASP是一种在Web服务器端运行的脚本语言，程序代码完全保密。 ASP以对象为基础，可以使用ActiveX控件继续扩充其功能。 ASP内置ADO组件，可以轻松地存取各种数据库，缩短程序的开发时间。 ASP可以将运行结果以HTML的格式传送到客户端浏览器，适用于各种浏览器。,6,利用ASP可以根据用户要求在Web服务器上建立动态网页，其工作方式描述如下： （1）用户在浏览器的地址栏输入ASP文件名称，按Enter键后即触发这个ASP请求。 （2）浏览器将这个ASP的请求发送给IIS。 （3）Web服务器接受这个请求并进行分析，调入正确的ASP文件。 （4）Web服务器将这个文件发送到一个叫做asp.dll的特定文件中。 （5）Web服务器将被请求的.asp文件从头读到尾，执行每一个命令，并生成相应的动态网页。 （6）回送这个动态网页，由用户的浏览器解释执行并显示出来。,2.2 ASP的工作方式,7,2.3 Web服务器的安装及配置,Windows 2000操作系统为例说明Web服务器的安装及配置。 1. IIS的配置 默认情况下，IIS将它的根目录设置到C:Inetpubwwwroot下,在开始菜单中选“程序”“管理工具”“Internet服务管理器”“Internet信息服务”“myWeb（服务器名）”“默认Web站点”“属性”，如下图所示。,8,在“Web站点”中，“IP地址”栏内输入或选择一个有效的IP地址作为此站点的地址，如内部网可用“”作为Web站点的IP地址，如下图所示。,9,在“文档”选项卡中，修改浏览器默认调用的文件名及调用顺序，如下图所示。,10,2.测试ASP 用“记事本”或熟悉的文本编辑软件创建一个文件，并键入以下代码：, 我的第一个ASP程序 ,11,2.3.3 Http 500内部错误分析及解决办法,本小节内容是针对Http 500内部错误问题的专题解答，待遇到此类问题时，可参照教材再进行查阅学习。,12,本章小结,本章简要地介绍了ASP的产生、基本概念及ASP的应用，详细地讲解了Web服务器的配置。正确配置IIS是以后运行ASP程序的前提条件。下一章将介绍ASP源程序主体语言之一HTML，为以后编写出高质量的ASP应用程序打下良好的基础。,1,第3章 HTML语言基础,本章学习要点 l HTML语言及其基本语法 l 构成网页的基本元素 l 超文本链接指针 l 表格和分框,2,超文本标记语言HTML（Hyper Text Markup Language）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如Unix，Windows等）。 HTML语言是通过利用各种标记（tags）来标识文档的结构以及标识超链接（Hyperlink）信息的。虽然HTML语言描述了文档的结构格式，但并不能精确地定义文档信息应如何显示和排列，而只是建议Web浏览器（如Mosiac，Netscape等）应该如何显示和排列这些信息，最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效果会不一样的原因。,3,3.1 网页设计基本原则,在设计网页的过程中，要了解以下基本设计原则： （1）正确分析网页用户的需要。 （2）网页下载时间不宜过长。 （3）网页的设计要做到在不同的环境下都能浏览。 （4）注意网页中的图形设计。 （5）定期更新网页内容。 （6）注意网站内容的搭配。 （7）考虑不支持某些功能的浏览器。 （8）对多媒体文件实施有限的限制。,4,3.2 HTML语言的结构,从结构上讲，HTML文件由元素（element）组成。每一个元素都有名称和可选择的属性，元素的名称和属性都在起始标记内标明。例如体元素（body）： ,起始标记开始,元素名称,属性名,属性值,起始标记结束,5,一个HTML文件应具有下面的结构：, html文件开始 文件头开始 标题 文件头结束 文件体开始 文件体 文件体结束 html文件结束,6,一般来讲，HTML的元素有下列3种表示方法： l 文件或超文本。 l 文本或超文本。 l 。 第三种写法仅用于一些特殊的元素，例如分段元素P，它仅仅通知WWW浏览器在此处分段，因而不需要界定作用范围， 所以它没有结尾标记。,7,3.3 构成网页的基本元素,题目(title) title元素是文件头中惟一一个必须出现的元素，它也只能出现在文件头中。title元素的格式为： 题目 题目标明该HTML文件的题目，是对文件内容的概括。,8,标题（hn) 标题标签用于显示HTML文件的各级标题，格式为: 标题内容 其中n为16之间的整数，其值越大，字越小。,9,排版标签分段 HTML的浏览器是基于窗口的，用户可以随时改变显示区的大小，所以HTML将多个空格以及回车看成一个空格，这是和绝大多数字处理器不同的。HTML的分段依赖于分段元素。 也有多种属性，比较常用的属性是： align# # 可以是left、center、right，其含义同上文。 例如： 段落居中,10,清单List 清单用于列举事实。常用的清单有3种格式，即无序清单（unordered list），有序清单（ordered list）和定义清单（definition list）。,例如： 今天 明天 输出为： 今天 明天,例如： 今天 明天 输出为： 1. 今天 2. 明天,3定义清单,例如： 条目1 条目1的定义 条目2 条目2的定义 输出为： 条目1 条目1的定义 条目2 条目2的定义,2有序清单,1无序清单,11,居中 很多元素都有对齐方式属性，如hn、p等。也可以直接用居中标记。以下代码的输出结果如图3-2所示。,今天的 天气真好！ ,12,3.4超文本链接指针,使用超文本链接指针可以使顺序存放的文件具有一定程度上随机访问的能力，更加符合人的思维方式。人的思维是跳跃的、交叉的，而每一个链接指针正好代表了作者或者读者的思维跳跃。 一个超文本链接指针由两部分组成：一是被指向的目标，它可以是同一文件的另一部分，也可以是世界另一端的一个文件，还可以是动画或音乐；另一部分是指向目标的链接指针。,13,统一资源定位器URL,统一资源定位器URL（Uiform Resource Locator）是文件名的扩展。在Internet上，各个网络、各个主机的操作系统可能不一样，因此必须指定访问该文件的方法。一个URL包括了以上所有的信息，它的构成为： protocol : / :port/directory/filename 其中，protocol是访问该资源所采用的协议， 一个典型的URL为：,14,指向一个目标,在HTML文件中可用链接指针指向一个目标。其基本格式为： 字符串 href属性中的url是被指向的目标，随后的“字符串”在HTML文件中充当指针的角色，它一般显示为蓝色，也可以定义成其他颜色。当用户用鼠标点击这个字符串时，浏览器就会将url处的资源显示在屏幕上。例如： 中国教育和科研计算机网,15,标记一个目标,对于同一文件的不同部分，标识目标的方法实现: text name属性将放置该标记的地方标记为“name”，name是一个全文惟一的标记串，text部分可有可无。 做好标记后，可以用下列方法来指向它： text 其中，url是放置标记的HTML文件，#name是标记名。 对于同一个文件，可以写为： text 这时就可以点击“text”跳转到标记名为name的部分了。,16,目标窗口,如果希望被指向的目标在一个新的窗口中显示，可以使用target属性来修饰链接指针元素。如： text 可将url代表的资源显示在一个新的窗口中，该窗口的名字叫window-name，它可以是本窗口（_self）、父窗口（_parent）、新窗口（_blank）及整个浏览器窗口（_top）。,17,图像链接指针,图像也可以做为链接指针。格式为： 可以看出，上例中用取代了链接指针中“text”的位置。是图像元素，它表明显示url代表的图像文件。 下面是一个简单的图像链接指针： 中国教育和科研计算机网,18,图像地图（image map）,图像地图不仅需要在HTML文件中说明，它还需要一个后缀为.map的文件，用来说明图像分区及其指向的URL的信息。在.map文件中说明分区信息的格式如下： rect url 左上角坐标 右下角坐标 poly url 各顶点坐标 circle url 直径两端点坐标 default url,19,下面是一个完整的说明文件： default： rect： 140,20 280,60 poly： 180,80 200,140 circle： 80,140 80,100 图像地图需要一个特殊的处理程序imagemap，imagemap放在/cgi-bin 中。在HTML 文件中引用图像地图的格式为： ,20,3.5 版面风格控制,字号 HTML有七种字号，1号最小，7号最大。默认字号为3，可以用来设置新的字号。,21,字体风格 字体风格分为物理风格和逻辑风格。物理风格直接指定字体，如字体有黑体，斜体。逻辑风格用于指定文本的作用，如强调等。 格式为：,22,横线（hr）,横线，一般用于分隔同一文本的不同部分。在窗口中划一条横线非常简单，只要写一个即可。横线的宽度用指定，n是线宽，单位是像素。例：。指定横线长度，既可以指定绝对线长，也可以指定横线长度占窗口宽度的百分比。例、。 横线的位置用指定，其中的#是left或right之一。left表示左端与左边界对齐，right是右端与右边界对齐。默认时，横线出现在窗口中央。,23,行间图像,行间图像可使网页更加漂亮，但是过大的图像会导致网络通信量急剧增大，延长访问时间。所以在主页上不宜采用很大的图像。如果确实需要一些大图像，最好在主页中用一个缩小的图像指向原图，并标明该图的大小，这样主页可快速地被访问，访问者可选择看还是不看那些图像。 图像的基本格式为： 或,24,分行和禁止分行,表示在此处分行，将通知浏览器，其中的内容在一行内显示，若一行内显示不了，则超出部分将被裁剪掉。 中的clear属性标明下一行的情况，如 clear=left，表示下一行从左边界处开始。#可以是left、right、all之一。,25,背影和文本颜色,窗口背景可以用下列方法指定： bgcolor：背景颜色。 text：文本颜色。 link：链接指针颜色。 alink：活动的链接指针颜色。 vlink：已访问过的链接指针颜色。 例如： 大红背景色。 注意，此时体元素必须写完整，并用结束。,26,转义字符与特殊字符,HTML中及font>显示为。 若直接写成则会被认为是一个链接签。,27,3.6 表格（table）,表格的基本结构如下： 一个表由开始，结束，表的内容由、和定义。说明表的一个行，表有多少行就有多少个；说明表的列数和相应栏目的名称，有多少个栏就有多少个；则填充由和组成的表格。border属性用来说明是否用表格线分开。,28,有通栏的表,有横向通栏的表用属性说明。其中，colspan表示横向栏距，#代表通栏占据的网格数，它是一个小于表的横向网格数的整数。 有纵向通栏的表用属性说明。其中，rowspan表示纵向栏距，#表示通栏占据的网格数，应小于纵向网络数。需要说明的是有纵向通栏的表，每一行必须用明确表示一横向栏目结束,这是和表的基本形式不同的。,29,表中文本的输出,文本与表框的距离用cellpadding=#说明。 表格的宽度大于其中的文本宽度时，文本在其中的输出位置用align=#说明。#是left、center和right三者之一，分别表示左对齐、居中和右对齐。align属性可修饰、和链接签。 表格的高度大于其中文本的高度时，可以用valign=#说明文本在其中的位置。#是top、middle、bottom、baseline四者之一。分别表示上对齐、文本中线与表格中线对齐、下对齐、文本基线与表格中线对齐。特别注意的是基线（baseine）对齐方式，它使得文本出现在网格的上方而不是想像中的下半部。同样，valign可以修饰、和中的任何一个。,30,浮动表格,所谓浮动表格是指表与文件中内容对齐时，若在现在位置上不能满足其对齐方式，表格会上下移动，即“挤开”一些内容，直到满足其对齐要求。 浮动属性一般由align=left或right指定。,31,3.7 分框（frame）,分框将同一浏览器的窗口（主框架：frameset定义）分成多个区域（子框：frame定义），每个区域可以单独显示一个HTML文件，各个区域也可相关连地显示某一个内容。分框的基本结构如下： ,32,3.8 其他标签,其他标签说明如下表所示。语法格式： ,33,34,本章小结,本章主要介绍了HTML语言的结构、构成网页的基本元素、超文本链接指针、版面风格控制，以及如何使用表格、分框等内容。表单部分的内容将在后面章节中专门介绍。,第3章 HTML语言基础本章学习要点 l HTML语言及其基本语法l 构成网页的基本元素l 超文本链接指针l表格和分框 超文本标记语言HTML（Hyper Text Markup Language）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如Unix，Windows等）。 HTML语言是通过利用各种标记（tags）来标识文档的结构以及标识超链接（Hyperlink）信息的。虽然HTML语言描述了文档的结构格式，但并不能精确地定义文档信息应如何显示和排列，而只是建议Web浏览器（如Mosiac，Netscape等）应该如何显示和排列这些信息，最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效果会不一样的原因。 3.1 网页设计基本原则 在设计网页的过程中，要了解以下基本设计原则：（1）正确分析网页用户的需要。 （2）网页下载时间不宜过长。 （3）网页的设计要做到在不同的环境下都能浏览。 （4）注意网页中的图形设计。 （5）定期更新网页内容。 （6）注意网站内容的搭配。 （7）考虑不支持某些功能的浏览器。 （8）对多媒体文件实施有限的限制。 3.2 HTML语言的结构 从结构上讲，HTML文件由元素（element）组成。每一个元素都有名称和可选择的属性，元素的名称和属性都在起始标记内标明。例如体元素（body）： 起始标记开始 元素名称 属性名 属性值 起始标记结束 一个HTML文件应具有下面的结构： html文件开始 文件头开始标题 文件头结束 文件体开始文件体 文件体结束html文件结束一般来讲，HTML的元素有下列3种表示方法：l 文件或超文本。l 文本或超文本。l 。 第三种写法仅用于一些特殊的元素，例如分段元素P，它仅仅通知WWW浏览器在此处分段，因而不需要界定作用范围， 所以它没有结尾标记。3.3 构成网页的基本元素 题目(title) title元素是文件头中惟一一个必须出现的元素，它也只能出现在文件头中。title元素的格式为： 题目 题目标明该HTML文件的题目，是对文件内容的概括。 标题（hn) 标题标签用于显示HTML文件的各级标题，格式为:标题内容 其中n为16之间的整数，其值越大，字越小。 排版标签分段 HTML的浏览器是基于窗口的，用户可以随时改变显示区的大小，所以HTML将多个空格以及回车看成一个空格，这是和绝大多数字处理器不同的。HTML的分段依赖于分段元素。 也有多种属性，比较常用的属性是： align# # 可以是left、center、right，其含义同上文。 例如： 段落居中清单List清单用于列举事实。常用的清单有3种格式，即无序清单（unordered list），有序清单（ordered list）和定义清单（definition list）。例如：今天明天输出为：今天明天例如：今天明天输出为：1. 今天2. 明天3定义清单 例如：条目1条目1的定义条目2条目2的定义输出为： 条目1条目1的定义条目2条目2的定义2有序清单1无序清单居中 很多元素都有对齐方式属性，如hn、p等。也可以直接用居中标记。以下代码的输出结果如图3-2所示。今天的天气真好！3.4超文本链接指针 使用超文本链接指针可以使顺序存放的文件具有一定程度上随机访问的能力，更加符合人的思维方式。人的思维是跳跃的、交叉的，而每一个链接指针正好代表了作者或者读者的思维跳跃。 一个超文本链接指针由两部分组成：一是被指向的目标，它可以是同一文件的另一部分，也可以是世界另一端的一个文件，还可以是动画或音乐；另一部分是指向目标的链接指针。统一资源定位器URL 统一资源定位器URL（Uiform Resource Locator）是文件名的扩展。在Internet上，各个网络、各个主机的操作系统可能不一样，因此必须指定访问该文件的方法。一个URL包括了以上所有的信息，它的构成为： protocol : / :port/directory/filename 其中，protocol是访问该资源所采用的协议， 一个典型的URL为：指向一个目标 在HTML文件中可用链接指针指向一个目标。其基本格式为： 字符串 href属性中的url是被指向的目标，随后的“字符串”在HTML文件中充当指针的角色，它一般显示为蓝色，也可以定义成其他颜色。当用户用鼠标点击这个字符串时，浏览器就会将url处的资源显示在屏幕上。例如：中国教育和科研计算机网标记一个目标 对于同一文件的不同部分，标识目标的方法实现: textname属性将放置该标记的地方标记为“name”，name是一个全文惟一的标记串，text部分可有可无。做好标记后，可以用下列方法来指向它： text 其中，url是放置标记的HTML文件，#name是标记名。对于同一个文件，可以写为： text 这时就可以点击“text”跳转到标记名为name的部分了。目标窗口 如果希望被指向的目标在一个新的窗口中显示，可以使用target属性来修饰链接指针元素。如： text 可将url代表的资源显示在一个新的窗口中，该窗口的名字叫window-name，它可以是本窗口（_self）、父窗口（_parent）、新窗口（_blank）及整个浏览器窗口（_top）。 图像链接指针 图像也可以做为链接指针。格式为： 可以看出，上例中用取代了链接指针中“text”的位置。是图像元素，它表明显示url代表的图像文件。 下面是一个简单的图像链接指针：中国教育和科研计算机网 图像地图（image map） 图像地图不仅需要在HTML文件中说明，它还需要一个后缀为.map的文件，用来说明图像分区及其指向的URL的信息。在.map文件中说明分区信息的格式如下：recturl 左上角坐标 右下角坐标polyurl 各顶点坐标circle url 直径两端点坐标default url下面是一个完整的说明文件：default：rect： 140,20 280,60poly： 180,80 200,140circle： 80,140 80,100 图像地图需要一个特殊的处理程序imagemap，imagemap放在/cgi-bin 中。在HTML 文件中引用图像地图的格式为：3.5 版面风格控制 字号 HTML有七种字号，1号最小，7号最大。默认字号为3，可以用来设置新的字号。 字体风格 字体风格分为物理风格和逻辑风格。物理风格直接指定字体，如字体有黑体，斜体。逻辑风格用于指定文本的作用，如强调等。 格式为：横线（hr） 横线，一般用于分隔同一文本的不同部分。在窗口中划一条横线非常简单，只要写一个即可。横线的宽度用指定，n是线宽，单位是像素。例：。指定横线长度，既可以指定绝对线长，也可以指定横线长度占窗口宽度的百分比。例、。 横线的位置用指定，其中的#是left或right之一。left表示左端与左边界对齐，right是右端与右边界对齐。默认时，横线出现在窗口中央。 行间图像 行间图像可使网页更加漂亮，但是过大的图像会导致网络通信量急剧增大，延长访问时间。所以在主页上不宜采用很大的图像。如果确实需要一些大图像，最好在主页中用一个缩小的图像指向原图，并标明该图的大小，这样主页可快速地被访问，访问者可选择看还是不看那些图像。 图像的基本格式为： 或分行和禁止分行表示在此处分行，将通知浏览器，其中的内容在一行内显示，若一行内显示不了，则超出部分将被裁剪掉。 中的clear属性标明下一行的情况，如 clear=left，表示下一行从左边界处开始。#可以是left、right、all之一。 背影和文本颜色 窗口背景可以用下列方法指定： bgcolor：背景颜色。 text：文本颜色。 link：链接指针颜色。 alink：活动的链接指针颜色。 vlink：已访问过的链接指针颜色。例如： 大红背景色。注意，此时体元素必须写完整，并用结束。转义字符与特殊字符 HTML中及&字符有特殊含义（前两个字符用于链接签，&用于转义），不能直接使用。要使用这3个字符，必须用它们的转义序列。l & 的转义序列为 &s 或 &。l 的转义序列为 >或 >。 前者为字符转义序列，后者为数字转义序列。 例如： font>显示为。若直接写成则会被认为是一个链接签。3.6 表格（table） 表格的基本结构如下： 一个表由开始，结束，表的内容由、和定义。说明表的一个行，表有多少行就有多少个；说明表的列数和相应栏目的名称，有多少个栏就有多少个；则填充由和组成的表格。border属性用来说明是否用表格线分开。 有通栏的表 有横向通栏的表用属性说明。其中，colspan表示横向栏距，#代表通栏占据的网格数，它是一个小于表的横向网格数的整数。 有纵向通栏的表用属性说明。其中，rowspan表示纵向栏距，#表示通栏占据的网格数，应小于纵向网络数。需要说明的是有纵向通栏的表，每一行必须用明确表示一横向栏目结束,这是和表的基本形式不同的。 表中文本的输出 文本与表框的距离用cellpadding=#说明。 表格的宽度大于其中的文本宽度时，文本在其中的输出位置用align=#说明。#是left、center和right三者之一，分别表示左对齐、居中和右对齐。align属性可修饰、和链接签。 表格的高度大于其中文本的高度时，可以用valign=#说明文本在其中的位置。#是top、middle、bottom、baseline四者之一。分别表示上对齐、文本中线与表格中线对齐、下对齐、文本基线与表格中线对齐。特别注意的是基线（baseine）对齐方式，它使得文本出现在网格的上方而不是想像中的下半部。同样，valign可以修饰、和中的任何一个。 浮动表格 所谓浮动表格是指表与文件中内容对齐时，若在现在位置上不能满足其对齐方式，表格会上下移动，即“挤开”一些内容，直到满足其对齐要求。 浮动属性一般由align=left或right指定。 3.7 分框（frame） 分框将同一浏览器的窗口（主框架：frameset定义）分成多个区域（子框：frame定义），每个区域可以单独显示一个HTML文件，各个区域也可相关连地显示某一个内容。分框的基本结构如下： 3.8 其他标签其他标签说明如下表所示。语法格式： 本章小结 本章主要介绍了HTML语言的结构、构成网页的基本元素、超文本链接指针、版面风格控制，以及如何使用表格、分框等内容。表单部分的内容将在后面章节中专门介绍。第4章 ASP中脚本的使用,本章学习要点 l VBScript和JavaScript脚本语法基础 l VBScript和JavaScript脚本基本控制结构 l VBScript脚本中的函数应用 l VBScript事件处理和错误调试技术,4.1 脚本语言,脚本是一种能够完成某种功能的程序段。ASP是一种脚本语言的执行环境，可用任何一种ASP支持的脚本语言来设计ASP程序，网站开发人员可使用多种脚本语言编写ASP程序代码。 事实上，在单个.asp文件内部就可以使用多种脚本语言。另外，由于脚本是在服务器端读取和处理的，所以请求.asp文件的客户端浏览器并不需要支持脚本。 对于.asp文件中使用的每种脚本语言，都要将它们相应的脚本引擎安装在Web服务器上。只要Web服务器安装了正确的ActiveX脚本引擎便能执行脚本。安装了IIS/PWS后，便拥有了两种默认的脚本引擎，Microsoft Visual Basic Scripting Edition（VBScript）和Microsoft JScript。,VBScript与JScript,VBScript和JScript之间最大的区别就是它们的结构。VBScript是Visual Basic 的子集，它与Visual Basic或者Visual Basic for Applications（VBA）并不完全一样，因为VBScript是特意为在浏览器中进行工作而设计的，不包括一些在脚本范围以外的特性，如文件访问和打印等等。而JScript是从一组编程语言如C、C、以及Java等之中脱离出来的。用过C或者是Java的读者，对JScript的结构会觉得非常熟悉。JScript的结构很简单，如同C和Java一样很方便，而且没有它们那样复杂。,1VBScript的选择,如果目标平台支持VBScript，考虑一下下列因素再决定是否用VBScript来编写脚本： 错误控制。在VBScript中有On Error Resume Next来对特殊情况给出说明。 格式化。 在IE中事件控制很方便，就像在Visual Basic中一样。在VBScript中也能够建立一个隐含的事件处理程序，这只需要用“对象_事件”结构形式来定义一项功能就行了。 VBScript是不区分大写和小写字母的。,2JScript的选择,几乎所有允许编写脚本的浏览器都支持JScript。下面两种情况可考虑使用JScript： l 动态执行。JScript 一个非常有力的特性是：它允许在脚本内建立和执行脚本或者动态进行评价。简而言之，就是在脚本中编写脚本。 l 面向对象。JScript使用的是一种基于原型的对象结构，它允许在脚本中定义对象。也可以往对象的原型中加入方法和特性，扩展内置对象和定制对象。 使用JScript时需要特别注意：JScript是区分大小写的。,3Java、JavaScript和JScript,这三种语言分别由三个公司开发：SUN公司的Java；Netscape公司的JavaScript；Microsoft的JScript。 JavaScript语言的前身叫作Livescript。自从Sun公司推出著名的Java语言之后，Netscape公司引进了Sun公司有关Java的程序概念，将自己原有的Livescript 重新进行设计，并改名为JavaScript。JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，能得网页变得更加生动。JavaScript是介于Java与HTML之间，基于对象事件驱动的编程语言，不需要Java编译器，而是直接运行在Web浏览器中，JScript是一种类似JavaScript的语言。 3种语言并非等同，读者不要将其混淆。,在同一个网页中同时使用几种语言,1服务器脚本的执行顺序 内联服务器脚本（在分隔符中的脚本）按顺序执行，从上到下。可以在一个服务器脚本中定义一个可调用的程序（函数或者是子程序），这样，如果需要就可以随时调用它们。 所有的内联脚本必须用一种语言来编写，也就是在网页前面的指示中所指明的脚本语言。,2脚本块的顺序 网页是按照一定的顺序来处理的，不同语言的块是分别处理的。,设置主脚本语言,1为某页设置语言 要设置单个页的主脚本语言，可将指令添加到.asp文件的开头。该指令的语法是： 2为应用程序设置语言 在应用程序中，如要为所有页设置主脚本语言，可在Internet服务管理器的“应用程序选项”选项卡上设置“默认的ASP语言”属性。,3在服务器上使用VBScript和JScript 由于ASP脚本是在服务器端执行的，两个VBScript特征将失效，即表示用户接口的元素的VBScript语句InputBox和MsgBox将不被支持。另外，在服务器端的脚本中，请不要使用VBScript函数CreateObject和GetObject，而要使用Server.CreateObject，这样ASP就可以跟踪对象实例了。,4.2 VBScript脚本,1VBScript 数据类型,VBScript只有一种数据类型，称为Variant。Variant是一种特殊的数据类型，根据使用的方式，它可以包含不同类别的信息。因为Variant是惟一的数据类型，所以它也是VBScript中所有函数的返回值的数据类型。 最简单的Variant可以包含数字或字符串信息。 除简单数字或字符串以外，Variant可以进一步区分数值信息的特定含义。,表4-1 Variant子类型,2变量,（1）声明变量 声明一个变量意味着告诉脚本引擎，有一个特定的变量，这样就可以在脚本中引用该变量。在VBScript中声明一个变量可以使用Dim语句、Public语句和Private语句。 Dim语句：用来明确地声明变量。格式：Dim 变量名称 Redim语句：专用来定义数组。 Public关键字 ：定义全局型变量。 Private关键字：可以定义变量、一次定义多个变量、定义一维或多维数组，不同的只是变量的作用范围不同。 Option Explicit语句 ：显式声明所有变量。,（2）命名规则 变量命名必须遵循VBScript的标准命名规则，这些规则包括：,第一个字符必须是字母。 不能包含嵌入的句点。 长度不能超过255个字符。 在被声明的作用域内必须惟一。,（3）变量的作用域及存活期,变量的作用域由声明它的位置决定。如果在过程中声明变量，则只有该过程中的代码可以访问或更改变量值，此时变量具有局部作用域并被称为过程级变量。如果在过程之外声明变量，则该变量可以被脚本中所有过程所识别，称为脚本级变量，具有脚本级作用域。 变量存在的时间称为存活期。脚本级变量的存活期从被声明的那一刻起，直到脚本运行结束。对于过程级变量，其存活期仅是该过程运行的时间，该过程结束后，变量随之消失。在执行过程时，局部变量是理想的临时存储空间，可以在不同过程中使用同名的局部变量，这是因为每个局部变量只被声明它的过程识别。,（4）给变量赋值 给变量赋值很简单，创建如下形式的表达式给变量赋值：变量在表达式左边，要赋的值在表达式右边。例如： B = 200 （5）标量变量和数组变量 多数情况下，只需为声明的变量赋一个值。只包含一个值的变量被称为标量变量。有时候，将多个相关值赋给一个变量更为方便，因此可以创建包含一系列值的变量，称为数组变量。,3常量 常量是具有一定含义的名称，用于代替数字或字符串，其值从不改变。 使用Const语句在VBScript中创建用户自定义常数或创建名称具有一定含义的字符串型或数值型常数，并给它们赋原义值。例如： Const MyString = “这是一个字符串。“ Const MyAge = 49,在VBScript中已经定义了许多固有常量，可以直接引用。 （1）Empty常量：表示一个为初始化的变量。 （2）Null常量：表示一个变量包含无效的数值。 （3）Nothing常量：用于断开对象变量和任何实际对象之间的链接。 （4) True和False常量：True的值为-1；False的值为0。,4VBScript运算符,表4-3 运算符的优先级,VBScript中的条件语句,1IfThenElse 语句 IfThenElse 语句用于计算条件是否为 True 或 False，并且根据计算结果指定要运行的语句。通常，条件是使用比较运算符对值或变量进行比较的表达式。IfThenElse 语句可以按照需要进行嵌套。,形式1（单行）： If Then ,形式2（多行）： If Then 语句块 End If,形式3： If Then 语句块1 Else 语句块2 End If,形式4： If Then ElseIf Then ElseIf Then Else End If,2使用Select Case进行判断,Select Case 结构在其开始处使用一个只计算一次的简单测试表达式。表达式的结果将与结构中每个Case的值比较。如果匹配，则执行与该Case关联的语句块。如：,Select Case Document.Form1.CardType.Options(SelectedIndex).Text Case “MasterCard“ DisplayMCLogo ValidateMCAccount Case “Visa“ DisplayVisaLogo ValidateVisaAccount Case Else DisplayUnknownImage PromptAgain End Select,VBScript中的循环语句,循环用于重复执行一组语句。循环可分为三类：一类在条件变为False之前重复执行语句；一类在条件变为True之前重复执行语句；另一类按照指定的次数重复执行语句。 在VBScript中可使用下列循环语句： DoLoop：当（或直到）条件为True时循环。 WhileWend：当条件为True时循环。 ForNext：指定循环次数，使用计数器重复执行语句。 For EachNext：对于集合中的每项或数组中的每个元素，重复执行一组语句。,1DoLoop循环语句,（1）当条件为True时重复执行语句,形式1： Do While 条件 语句块 Loop,形式2： Do 语句块 Loop While 条件,（2）重复执行语句直到条件变为True,形式3： Do Until 条件 语句块 Loop,形式4： Do 语句块 Loop Until 条件,（3）退出循环,Exit Do语句用于退出DoLoop循环。因为通常只是在某些特殊情况下要退出循环（例如要避免死循环），所以可在IfThenElse语句的True语句块中使用Exit Do语句。如果条件为False，循环将照常运行。,Do Until 条件 语句块 If Then Exit Do Loop,2WhileWend循环语句 WhileWend语句是为那些熟悉其用法的用户提供的。但是由于WhileWend缺少灵活性，所以建议最好使用DoLoop语句。,3ForNext循环语句,ForNext语句用于将语句块运行指定的次数。在循环中使用计数器变量，该变量的值随每一次循环增加或减少。 For语句指定计数器变量x及其起始值与终止值 。关键字Step用于指定计数器变量每次增加或减少的值（增量为1时Step可以省略）。Exit For语句用于在计数器达到其终止值之前退出ForNext语句。,For x = 起始值 To 终止值 Step n 语句块 Next,4For EachNext循环语句,For EachNext不是将语句运行指定的次数，而是对于数组中的每个元素或对象集合中的每一项重复一组语句。,VBScript中的过程,1Sub过程 Sub过程是包含在Sub和End Sub语句之间的一组VBScript 语句，它只执行操作不返回值。 例如：,Sub ConvertTemp() temp = InputBox(“请输入华氏温度。“, 1) MsgBox “温度为 “ & Celsius(temp) & “ 摄氏度。“ End Sub,2Function过程,Function过程通过函数名返回一个值，这个值是在过程的语句中赋给函数名的。Function返回值的数据类型总是Variant。,Sub ConvertTemp() temp = InputBox(“请输入华氏温度。“, 1) MsgBox “温度为 “ & Celsius(temp) & “ 摄氏度。“ End Sub Function Celsius(fDegrees) Celsius = (fDegrees - 32) * 5 / 9 End Function,3过程的数据进出,给过程传递数据的途径是使用参数。参数被作为要传递给过程的数据的占位符。参数名可以是任何有效的变量名。使用Sub语句或Function语句创建过程时，过程名之后必须紧跟括号，括号中包含所有参数，参数间用逗号分隔。 要从过程获取数据，必须使用Function过程。Function过程可以返回值；Sub 过程不返回值。,4在代码中使用Sub和Function过程,调用Function过程时，函数名必须用在变量赋值语句的右端或表达式中。例如： Temp = Celsius(fDegrees) 或 MsgBox “温度为 “ & Celsius(fDegrees) & “ 摄氏度。“ 调用Sub过程时，一种使用Call语句，另一种则不使用，两种方式效果相同。例如： Call MyProc(firstarg, secondarg) MyProc firstarg, secondarg,VBScript注释方式,注释可以提高代码的可读性，尤其是在程序代码被他人阅读的时侯。可以在ASP网页中使用HTML风格的注释，但是在VBScript中不能用这种注释。要在一个脚本中加入注释，必须用下面的方法：,VBScript中的函数,1日期和时间函数,使用函数MONTH()、DAY()、WEEKDAY()和YEAR()。可以把一个日期分割成更小的部分。所有这些函数都以一个日期表达式作为参数，并返回一个数字。下面是一个如何使用这些函数的例子：,本月是： 今天是： 星期是： 今年是：,假设当前日期是2007年2月14日,本月是：2 今天是：14 星期是：3 今年是：2007,显示结果,时间函数,通过函数HOUR(),MINUTE(),和SECOND()，可以返回时间的不同部分。下面是使用这些函数的一些例子以及可能的返回值：,时： 时：18 分： 分：39 秒： 秒：34,日期和时间的比较,VBScript有两个用于比较日期和时间的函数。可以用函数DATEADD()对日期和时间作加法，用函数DATEDIFF()计算两个日期或时间的间隔。下面是使用函数DATEADD()的例子： 你的账号将于过期 你的账号将于2006-4-27过期 上例返回比当前日期晚六个星期的日期。,格式化日期和时间,可以规定一个日期或时间的显示格式。在默认情况下，当通过函数DATE显示一个日期时，它看起来是这样的： 2/9/06 或 2/9/2006 至于显示哪种日期格式取决于控制面板中区域设置的指定，前者为短格式，后者为长格式。 也可以用函数FORMATDATETIME()显示一个基于本地计算机的区域设置的日期。,2数据转换函数,3数学函数,3字符串函数,5格式化函数,消息框和输入框,1消息框 消息框用来把警告、错误或者提示信息显示给用户，同时还返回用户在消息框中通过单击按钮反馈的信息。 语法: MsgBox(prompt, buttons, title, helpfile, context),2输入框 输入框用来接收来自用户的输入，它是在对话框中显示提示，等待用户输入文本或单击按钮，并返回文本框内容。 语法:InputBox(prompt, title, default, xpos, ypos, helpfile, context),浏览器对象,浏览器本身的对象主要有三个： Location对象：Location对象主要是用来获取浏览器地址栏中的URL字符串和设置新的URL网址。 Document对象：用来加载网页对象，它最常用的方法就是Write方法。 Windows对象：最常使用的是Onload事件（网页加载完时产生此事件）和Onunload事件（网页上未加载时产生些事件）两个事件。,Err对象,Vbscript的错误处理使用Err对象。当在程序运行期间产生错误时，Err对象就会被创建。Err对象用来存储错误信息，并提供一些方法。ERR对象的格式如下： Eperty|method,（1）Err对象的属性 Property为Err对象的属性，主要有： l Description：返回描述错误的字符串。 lHelpContext：为帮助文件中的题目返回一个上下文ID。 l HelpFile：返回帮助文件的路径。 l Number：返回错误号，系统为每种错误都设有一个错误号。 l Source：返回触发错误的对象名称。,（2）Err 对象的方法 Err对象有两个方法：Clear方法和Raise方法，它们的功能如下： l Clear方法：清除最近接到的一个错误，重置错误处理程序，以便继续执行程序。 l Raise方法：自定义错误，错误号可以选择内置错误号，也可以自己设定。,在VBScript中使用对象,无论使用的是ActiveX控件（以前称为OLE控件）还是Java对象，VBScript和IE都以相同的方式处理它们。ActiveX控件使得编制内嵌式网页变得更为容易，可以实现诸如媒体播放器之类的功能，更可以大大缩短开发周期。如果使用的是IE并且ActiveX 库中安装了这些控件，就会看到用ActiveX控件制作的页面，否则必须安装有关控件。,VBScript事件处理,1VBScript事件过程,编写事件过程是最常用的事件处理方法。在VBScript中，使用一种特殊的命名方式来命名事件过程，这种格式的一般形式是：“对象名_事件”。当该对象发生事件时，系统就去寻找相应的处理过程来处理它。也就是说，VBScript通过将对象和事件合并起来为过程命名的方法来处理事件。,2内联事件处理 使用事件过程是一种比较正式的事件处理方式，而处理内联事件更加简捷，它不用专门书写事件过程，只需要直接在对象的HTML文档位置写入代码即可。,3FOR/EVENT属性 如果不想用事件过程和内联事件来处理事件，还可以使用标记的FOR和EVENT属性。此属性允许把脚本与HTML文档中的任何对象和该对象的事件联系起来，基本格式是： FOR “对象名” EVENT=“事件” 例如： ,4VBScript的常用事件,4.3 JavaScript脚本,JavaScript与VBSsript一样，都是脚本语言，但是JavaScript的杰出之处在于可以用很少的程序做大量的事，代码效率高，功能强大。随着ASP技术的出现，JavaScript已把它的功能扩大到服务器上。 JavaScript代码嵌套在HTML标记符中，在HTML页面上操纵、处理、控制对象，根据用户的行为执行相应的操作。有了JavaScript，网页可真正实现交互作用，当鼠标移动到哪里，图片交换，表格元素在传递过程中即相互影响，无须等待CGI回复结果计算即可进行。没有任何提交、等待过程，任何事只是在用户使用它时发生。,基本概念,1变量,JavaScript中变量的类型没有限制，所有的数值都会被认为是浮点数，同时JavaScript也支持字符串。 JavaScript变量可存在于两个作用域上：全局变量，定义在页面的函数外部，可以被各个函数使用，也就是说，它的作用范围贯穿页面的始终；局部变量是在函数内部设置的，所以它的作用范围被限制在定义它的函数内。,2函数,JavaScript是面向对象的语言，采用事件驱动。例如，在页面上有一个按钮，通过鼠标单击按钮，显示一些信息或者进入另一个页面等。这是因为单击该按钮时，就会触发该按钮的Click事件，执行该事件中的代码。这段代码通常称为“事件”。事件一般具有如下格式：,Function 对象名称_事件名称() /处理事件的代码 ,3客户端和服务器端脚本,JavaScript脚本嵌套在HTML文档中，既可以在客户端执行，也可以在服务器端执行。 在客户端执行，就是将脚本代码下载到客户的浏览器中，在客户的计算机上执行；在服务器端执行，代码并不下载到客户的浏览器上，全部在服务器上执行。 JavaScript脚本在服务器端执行，则不必考虑用户使用的是什么样的浏览器，数据的计算等都是在服务器上完成，减轻了客户浏览器的负担，提高了交互的速度。而且，代码不会传到客户的浏览器上，可以避免源程序被复制，从而提高了程序的安全性。,（1）客户端和服务器端,（2）客户端和服务器端句法,将JavaScript客户端代码放置在和标记之间，格式如下：, JavaScript代码 ,使用SCRIPT标记指定代码在服务器端的格式如下：, JavaScript代码 ,变量的声明,Var语句用来声明变量，格式 ：var 变量名称；,例如： var var1； var var2；,也可以使用如下格式一次声明多个变量： var 变量名称1，变量名称2，变量名称N；,var语句还可以声明数组，声明一维数组的格式如下： var 数组名称new Array(); var 数组名称new Array(数组元素1,数组元素2,数组元素N); var 数组名称new Array(数组元素数目); var 数组名称数组元素1,数组元素2,数组元素N,运算符,不同的运算符代表着不同的运算功能，程序在运行过程中会按照给定的运算符进行操作。运算符主要包括：赋值符、算术运算符、关系运算符及逻辑运算符。,1赋值运算符,“=”为赋值运算符，它将“=”右边的值（内容）赋给左边的变量。可以用赋值运算符来设置变量的值。,例： var yin; yin=“欢迎使用JavaScript!“,2算术运算符,在JavaScript中，加法有以下操作规则： 1. 数字和数字相加，结果为数字相加之和。 2. 字符串和字符串相加，结果为两个字符串连接起来。 3. 字符串和数字相加，则将数字转换为字符串进行加法运算。,（加）： ResultsNumber1Number2 （减）： ResultsNumber1Number2 * （乘） ：ResultsNumber1*Number2 /（除）：ResultsNumber1/Number2 （取模）：ResultsNumber1Number2,对两个数做除法，返回余数,3关系运算符,（1）关系运算符简介 在编程过种中常常需要对表达式进行关系比较，JavaScript提供了丰富的关系比较运算符。经过运算符运算之后，返回布尔型值True（真）或False（假）。关系运算符有以下几种： l = = 测试运算符两边是否相等，相等结果为True，不相等则为False。 l != 测试运算符两边是否不等，不相等结果为True，相等则为False。 l 测试运算符左边是否大于右边，大于结果为True，否则为False。 l = 测试运算符左边是否大于或等于右边，大于或等于结果为True，否则为False。 l = 测试运算符左边是否小于或等于右边，小于或等于结果为True，否则为False。,（2）关系运算规则 关系运算符和算术运算符一样，存在着数据子类型的变换问题。一般有以下规则： 参与比较的表达式均为数值时，遵循数值比较规则。 参与比较的表达式均为字符串时，遵循字符串比较规则。 参与比较的表达式一个为字符，一个为数值时，则将字符串表达式转换为数值表达式再进行比较。,4逻辑运算符,5连接字符串,JavaScript中使用 “+” 运算符来实现字符串的连接,例如： var a,b,c; a=“111“; b=222; c=“222“; document.write(a+b); document.write(“); document.write(a+c); ,6运算符的优先级,在每一类运算符的内部，各种运算又会有不同的优先顺序。在算术运算符中，优先级由高到低分别为： l 乘法、除法（*、/）和取模（） l 加法和减法（、） l 关系运算符的优先级由高到低分别为： l 小于（）、大于或等于（=）。 l 等于（= =） l 不等于（） 逻辑运算符的优先级由高到低分别为：！、& 、。 在使用的过程中，可以通过小括号来改变运算的顺序。,语句,这一节将介绍更为复杂一点的控制程序流程的语句，主要有： l if语句。 l switch语句。 l for语句。 l while语句。 l dowhile语句。 l with语句。,1对话框 （1）警告框 警告框用来把警告、错误或者提示信息显示给用户，警告框通常只有一个“确定”按钮。显示警告框的格式为： window.alert(string); string参数是警告
- 温馨提示:
1: 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
人人文库网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
川公网安备: 51019002004831号