网页编程网站建设与维护课件_第1页
网页编程网站建设与维护课件_第2页
网页编程网站建设与维护课件_第3页
网页编程网站建设与维护课件_第4页
网页编程网站建设与维护课件_第5页
已阅读5页，还剩144页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网站建设与维护网页编程技术Chapter2网页编程技术主要内容

HTML基础

ASP介绍

VBScript脚本介绍

JavaScript脚本介绍

PHP脚本介绍重点难点

HTML语言的常用标记、ASP技术

VBScript脚本和JavaScript脚本2.1HTML基础HTML概念HTML（HyperTextMarkupLanguage超文本标识语言）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档。HTML文档的编写方法手工直接编写记事本等，存成.htm.html格式使用可视化HTML编辑器Frontpage、Dreamweaver等由Web服务器（或称HTTP服务器）一方实时动态地生成。网页文件命名*.htm或*.html无空格无特殊符号（例如&符号），只可以有下划线“_”，只可以为英文、数字区分大小写首页文件名默认为：index.htm

或index.htmlHTML文件结构<html>...</html><head>...</head><body>...</body>元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如<body>），也有一个结束的标记（如</body>）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。HTML文件结构

(DocumentStructures)<HTML><HEAD><title></title><meta></HEAD><BODY>HTML文件的正文</BODY></HTML>第一张网页<html><head> <title>myfirstpage</title></head><body> Thisismyfirsthomepage!</body></html>

基本组成部分——

HTML元素属性HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的<>内，并且和元素名之间有一个空格分隔；属性值用“”引起来。第二张网页<html><head><title>myfirstpage</title></head><body><palign="center">Thisismyfirsthomepage!</p></body></html>

HTML基本结构的

有关元素和元素属性HEAD元素——1

<head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。<title><title>元素定义HTML文档的标题。<title>与</title>之间的内容将显示在浏览器窗口的标题栏。HTML基本结构的

有关元素和元素属性HEAD元素——2<meta>元素<meta>元素下面可以插入很多很有用的元素属性。下面介绍四种：<metaname="keywords"content="study,computer">用来标记搜索引擎在搜索你的页面时所取出的关键词。HTML基本结构的

有关元素和元素属性HEAD元素——3<meta>元素<metaname="author"content=“wutao">用来标记文档的作者。HTML基本结构的

有关元素和元素属性HEAD元素——4<meta>元素<metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”>用来标记你的页面的解码方式。HTML基本结构的

有关元素和元素属性HEAD元素——5<meta>元素<metahttp-equiv=“refresh”content=“5;URL=http:///eschool”>用来自动刷新网页练习编写一个网页，要求3秒钟后自动跳转到硅谷动力学院的网站。<html><head><title>myfirstpage</title><metahttp-equiv=“refresh”content=“3;URL=http:///eschool”></head><body><palign=“center”>三秒钟后本网页将自动跳转到硅谷动力网络学院首页</p></body></html><body>元素及元素属性——1<body>元素表明是HTML文档的主体部分。在<body>与</body>之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。<body>元素及元素属性——2<body>元素中有下列元素属性：(1)bgcolorbgcolor属性标志HTML文档的背景颜色。如：bgcolor="#CCFFCC"。HTML对颜色的控制HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。16进制的数码有:0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.颜色颜色名和RGB值黑色Black=”#000000”银色Silver=”#c0c0c0”红色Red=”#ff0000”蓝色Blue=”#0000ff”白色White=”#ffffff”黄色Yellow=”ffff00”绿色Green=”#00ff00”海蓝色Aqua=”#00ffff”常见颜色的代码<body>元素及元素属性——3<body>元素中有下列元素属性：(2)backgroundbackground属性标志HTML文档的背景图片。如：background=“images/bg.gif"。可以使用的图片格式为GIF，JPG<body>元素及元素属性——4<body>元素中有下列元素属性：(3)bgproperties=fixedbgproperties=fixed使背景图片成水印效果，即图片不随着滚动条的滚动而滚动。<body>元素及元素属性——5<body>元素中有下列元素属性：(4)texttext属性标志HTML文档的正文文字颜色。如：text=“#FF6666”。Text元素定义的颜色将应用于整篇文档。<body>元素及元素属性——6<body>元素中有下列元素属性：(5)超级链接颜色link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。<body>元素及元素属性——7<body>元素中有下列元素属性：(6)leftmargin和topmargin设置网页主体内容距离网页顶端和左端的距离如：leftmargin="20"topmargin="30“文字标签属性——1文字属性标记1.文字颜色指定颜色<fontcolor=#>...</font>#=RRGGBB16进制数码文字标签属性——2文字属性标记2.文字字体<fontface=“#,#,...,#”>...</font>

#=客户端可获得的字体文字标签属性——3文字属性标记3.文字大小<fontsize=#>...</font>#=1,2,3,4,5,6,7or+#,-#文字标签属性——4文字属性标记4.文字标题<h#>...</h#>

#=1,2,3,4,5,6例：文字布局行的控制段(Paragraph)(可以看作是空行)<p>空白占位符 文字布局行的控制HTML的段落与段落之间有一定的空隔。如果不希望出现空隔而只想换行的话，就要用到另一个元素，即<br>元素。<br>元素可以使所在的位置出现换行。这种换行和浏览器的自动换行的效果类似。<br>元素不是成对出现的。例：不换行<nobr>

HTML文字与段落格式控制<body>……

<i>倾斜文本</i>

<b>粗体文本</b>

<u>下划线文本</u> <s>删除线文本</s>……</body>基本组成部分—HTML注释HTML文档可以插入注释。注释内容不会在浏览器窗口显示HTML注释的格式为：

<!--注释内容-->

<!--多行注释内容-->1文字的对齐<hn

align=#>...</hn>(n=1,2,3,4,5,6)<palign=#>...</p>(#=left,center,right)2文字的分区显示<divalign=#>...</div>(#=left,center,right)例：3.HTML段落与分行控制居中

<center>元素<center>元素是一个独立的使所标记的字符居中的元素。它的作用与使用<p>元素里的align=“center”类似

例如：<center>居中段落</center>3.HTML段落与分行控制标尺线 <hrsize=#>：设定线宽

<hrwidth=#>：设定线长

<hralign=#>：设定对齐方式#=left,right

<hrcolor=#>：设定线的颜色3.HTML的段落与分行控制无序列表元素—1

列表在HTML的文档里有重要的地位,HTML规定了多种列表元素。列表所起的主要作用是使特定的文本有序化。3.HTML的段落与分行控制无序列表元素—2无序列表是由<ul>和<li>元素定义的:<ul><li>sports</li><li>food</li><li>drink</li><li>friends</li></ul>例：3.HTML的段落与分行控制无序列表元素—3无序列表的默认符号是圆点。

<ul>元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：

disc(圆)、circle（圆圈）、square（方块）3.HTML的段落与分行控制有序列表元素—1有序列表由<ol>和<li>定义:<ol>

<li>sports</li>

<li>drink</li>

<li>friends</li></ol>3.HTML的段落与分行控制有序列表元素—2

<ol>元素也有自己的type属性，type属性的属性值有1、A、a、I、i等。例如，我们以A、B、C……作为列表的编号

例：<ol>元素还可以定义列表的起始编号，如我们希望列表的第一个编号为5，而不是1，则需要定义<ol>元素的start属性4.超级链接—普通超级链接1超级链接是整个WWW应用的核心和基础。如果没有超级链接的概念，那么，我们现在所有的WWW的应用将不复存在。所以，对超级链接的掌握具有特殊重要的意义。4.超级链接—普通超级链接2超级链接是用锚元素<a>定义的在<a>元素下，有元素属性href,href的属性值为一个URL地址如：<ahref=“http:///eschool”>指向学院的超级链接</a>如：<ahref=“29.htm">普通超级链接</a>4.超级链接—E-mail超级链接超级链接可以指向E-mail地址如：<ahref=“mailto:hzhang@">指向E-mail地址的超级链接</a>4.超级链接—新开链接窗口开一个新的(浏览器)窗口(TargetWindow)<ahref="URL"target=“_blank">...</a>例：4.超级链接—去除下划线去掉超级连接的下划线：style=“text-decoration:none”例：4.超级链接——其他超级链接WWW应用仅仅是Internet应用的一种,Internet还有其他很多应用，如：Ftp等。实际上mailto也属于非WWW应用。我们可以类似的创建指向Ftp等的超级链接;指向其他Internet应用的超级链接不是我们掌握的重点。4.超级链接——锚点(书签)1<aname="aa"><ahref="#aa">指向本页面锚点aa的超级链接</a><ahref=“23.htm#top”>指向23页面的锚点top的超级链接</a>例：练习：手写代码实现链接（新开窗口与Email）、背景、文字颜色、字体、换行、页面标题。练习：HTML对图片的控制--1基本语法:<img

src=“图片名称”>引用图片必须用<img>元素标志。<img>元素下的基本元素属性是src属性，src的属性值为所引用的图片的URL地址。src属性是必须的。Src的URL可以是绝对地址，也可以是相对地址HTML对图片的控制--2所谓图片的替代文本，指图片不能显示时在图片所在位置显示的一段文本或当鼠标移到图片上时也会显示替代文本。定义图片替代文本的方法是：<img

src=“图片名称”alt=“这是一张图片”>HTML对图片的控制--3图片的显示大小我们可以指定一幅图片在浏览器窗口里的显示大小。定义图片的显示大小的方法是：<img

src="sample.jpg"width=100height=100>width指定图片的宽度，height指定高度。它们的属性值可以是象素，也可以是%。HTML对图片的控制--4图片的边框我们可以为一幅图片加一个边框以突出显示：

<img

src="sample.jpg"border="2">border的属性值为象素数HTML对图片的控制--5图片的对齐方式图片可以相对于页面或单元格有一个对齐方式。定义水平对齐方式的方法是：<img

src=“sample.jpg”align=“left”><img

rc=“sample.jpg”align=“right”>HTML对图片的控制--6图片的对齐方式定义图片的垂直对齐方式：<img

src="sample.jpg"align="top"><img

src="sample.jpg"align="middle"><img

src="sample.jpg"align="bottom">对于图片的对齐方式不仅是以上几种，但是以上的几种是最常用的。例HTML对图片的控制--7定义图片与左、右的文本之间的间距图片在显示时，与左右的文本之间可以有一定的间距

<img

src="sample.jpg"hspace=5vspace=5>Hspace(horizontal)定义水平间距；Vspace(vertical)定义垂直间距。单位都是象素数.HTML对图片的控制--8图象的超级链接图象的超级链接是指整个图象的超级链接，当点击图象的任何部分时，都会打开这个超级链接。定义默认超级链接的方法是：<ahref=“http:///eschool”><img

src="sample.jpg"></a>所以，所谓超级链接实际上就是用<a>元素标志一个图象的引用;HTML对图片的控制--9图象映射 所谓图象映射是指一个图片上的不同位置被指定了不同的超级链接；点击图片的不同位置会打开不同的超级链接目标。这与前面的默认超级链把整个图片作为超级链接的元素是很不一样的。HTML对图片的控制--10图象映射（只要求理解标记含义）图象映射由<map>定义。<map>有一个基本属性是name。Name给图象映射命名，这个命名将会被<img>元素用usemap属性引用。所以，图象上的图象映射实际上是对<map>定义的映射的一个引用。<map>在定义图象映射时，可以定义三种形状的映射：circle(圆形)、rect(矩形rectangle)、poly(多边形)HTML对图片的控制--11图象映射实例（35.htm）<img

src="bear.jpg"usemap="#Map"><mapname=“Map"><areashape="rect"coords="46,29,253,164"href="#"><areashape="circle"coords="76,510,59"href="#"><areashape="poly"coords="219,482,253,448,310,462,297,527,220,523"href="#"></map>表格(TABLE)标记<table>

元素：定义一个表格。每一个表格只有一对<table>和</table>，一张页面中可以有多个表格。<tr>元素：定义表格的行，一个表格可以有多行，所以<tr>对于一个表格来说不是唯一的。<td>元素：定义表格的一个单元格。每行可以有不同数量的单元格，在<td>和</td>之间是单元格的具体内容。需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。一月二月三月120010001500单元格（用<TD>来表示，每个单元格可以有背景颜色和背景图片）表格（用<Table>来表示，表格可以有背景颜色、背景图片）表格边框每一行可以用<TR>来表示，单元格放在行中，每行可以有很多的单元格。表头（用<TH>来表示，表头是特殊的单元格，其中的文字加进去之后默认是居中并且加粗）表格(TABLE)标记表格的基本结构<table>定义表格<tr> <th>定义表头</th></tr><tr>定义表行<td>…</td>定义单元格</tr></table>例：表格(TABLE)标记--1表格的属性–1width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。border属性：表格边线粗细表格(TABLE)标记--1表格的属性bgcolor属性：指定表格或某一个单元格的背景颜色。background属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。例：表格(TABLE)标记--1表格的属性bordercolor属性：指定表格或某一个单元格的边框颜色。Bordercolorlight属性：亮边框的颜色Bordercolordark属性：暗边框的颜色表格(TABLE)标记--1表格的属性align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式。表格的属性cellspacing属性：单元格间距。cellpadding属性：单元格边距。表格(TABLE)标记--2单元格属性1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括：top：顶端对齐；middle：居中对齐；bottom：底端对齐;Baseline：相对于基线对齐;表格(TABLE)标记--2单元格属性2、Colspan：属性值表示当前单元格跨越几列3、Rowspan：属性值表示当前单元格跨越几行例：表格(TABLE)标记--3行属性1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包top：顶端对齐；

middle：居中对齐；

bottom：底端对齐。

Baseline：相对于基线对齐。表格(TABLE)标记--3行属性2、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式3、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素表格进阶表格的嵌套在<td></td>之间插入表格，实现表格嵌套表格的作用一般只是控制文本和图像的显示，而不显示表格的边框例：综合案例表格的综合使用例：表单(FORM)标记HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。在HTML里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。我们在网页设计课程中不会涉及程序编制。表单(FORM)标记表单是网页上的一个特定区域。这个区域是由一对<form>元素定义的。<form>元素action属性：用来定义表单处理程序（一个ASP、CGI等程序）的位置(相对地址或绝对地址)。Method定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post。表单(FORM)标记1.表单的基本语法:<formaction="url"

method=*type=text/plain>

...<inputtype=submit><inputtype=reset></form>*=GET有数据量限制，POST无以上限制,以文件形式传输表单(FORM)标记文本框<inputname=?type=*value=**size=***maxlength=??>?文本框的名字*text,password**默认值***长度??最大输入字符数表单(FORM)标记3.文本域<textarea

name=*rows=**cols=**>...</textarea>例：表单(FORM)标记按钮包括普通按钮、重置按钮和提交按钮<inputtype="submit"value="提交"name=“B1"><inputtype="reset"value="全部重写"name=“B2">表单(FORM)标记5.复选框(Checkbox)在一个表单里的所有多选框可以有一个或多个被选中。<inputtype=checkbox><inputtype=checkboxchecked><inputtype=checkboxvalue=**>例表单(FORM)标记6.单选框(RadioButton)一个表单里的所有变量名相同的单选框只能够有一个被选中。<inputtype=radioname=sexvalue=**><inputtype=radioname=sexvalue=**checked>各个选项的name必须一样才能达到预期效果表单(FORM)标记7.下拉列表基本语法<selectname=*>

<optionselected>说明</option> <optionvalue=**>说明2</option></select>例：表单(FORM)标记7.下拉列表（2）列表框的长度<selectsize=**>（3）允许多选<selectsize=**multiple>例：表单(FORM)标记8.图象域<inputtype=image

src=url>例：image.htm表单(FORM)标记综合练习（*）实现留言簿要求：背景、文字颜色、字体、换行、页面标题、表单文本框、文本域、单选框、复选框、下拉列表、图象域、提交与取消按钮，内容以mail形式提交。网页中的框架制作框架页面的步骤：1.编写所有子框架页面2.编写主框架页面3.在主框架页面中设定子框架名称4.如果框架页面之间存在链接，在子框架中设定链接。

注意：框架页面是不含<body>标签的网页中的框架基本语法<frameset><framesrc="url"><noframes><body>您的浏览器不支持框架，请考虑升级您的浏览器！</body></noframes></frameset>网页中的框架定义框架的基本语法框架由一对<frameset>定义<frameset>有两个属性：rows和colsRows定义上下分割的框架的大小；cols定义左右分割的框架的大小；在定义大小时，rows和cols可以使用相对大小或以百分比为单位。网页中的框架各窗口的尺寸设置<framesetrows=#>横排多个窗口<framesetrows=30%,20%,*><framesrc="A.html"><framesrc="B.html"><framesrc="C.html"></frameset>排列方式：A B

C网页中的框架各窗口的尺寸设置

<framesetcols=#>纵向排列多个窗口

<framesetcols=30%，20%,*> <framesrc="A.html"> <framesrc="B.html"> <framesrc="C.html"></frameset>排列方式：ABC网页中的框架COLS&ROWS：纵横排列多个窗口<framesetcols=137，*><framesrc="A.htm"><framesetrows=82,*><framesrc="B.htm"><framesrc="C.htm"></frameset></frameset>排列方式： B A

C网页中的框架框架边框的颜色bordercolor="ff0000“各窗口边框的设置frameborder=##=yes,no/1,0框架边框的宽度framespacing="10"例：网页中的框架<frame>的属性name：定义该框架的名字。这个名字可以被一些网页元素引用，如被<a>元素引用。<ahref=urltarget=“framename”>Src：在本框架里显示网页的URL。Target：目标框架,引用的是目标框架的名字。网页中的框架在当前框架中打开超链接页面默认就是在当前框架页中打开,也可以采用Target=“_self”在指定框架中打开超级链接页面Target=“name”新开窗口打开链接页面Target=“_blank”跳出整个框架集Target=“_parent”网页中的框架<frame>的属性Scrolling：是否显示滚动条。yes,no,autoNoresize：框架在浏览器里不可以被调整大小。例：网页中的框架内含窗口<iframe

src=#name=##>...</iframe>#=初始页面的URL##=框架名称(FrameName)例：会移动的文字基本语法<marquee>...</marquee>文字移动属性(1)方向：direction=##=left,right,up,down会移动的文字2、文字移动属性(2)方式：behavior=##=scroll(循环),slide(只走一次),alternate(来回走)(3)循环:loop=##=次数；若未指定则循环不止(infinite)会移动的文字2、文字移动属性(4)速度:scrollamount=#(5)延时:

scrolldelay=#例：会移动的文字3、其他属性(1)底色:bgcolor=##=RRGGBB16进制颜色代码(2)面积:height=#width=#(3)空白:hspace=#vspace=#多媒体页面用<EMBED>嵌入多媒体对象

基本语法<embedsrc=#>#=URL注：使用<embed>标记之前，需要安装插件才可以；对于不同的plugin，其embed属性也不同。例：(Flash动画)例：(rmi音乐文件)例：(avi动画)例：(mpeg影像文件)多媒体页面（*）嵌入背景音乐<bgsound

src=#>#=WAV文件的URL<bgsoundloop=#>#=循环数(WAV背景音乐)多媒体页面（*）特殊标记元素Object<OBJECT>元素用来包含图像、动态图像、Java小程序。<OBJECT>元素用以替换更具体的<IMG>和<APPLET>元素，以及<EMBED>和<BGSOUND>元素。2.2ASP介绍Activeserverpage(动态服务器主页，简称ASP)是一套微软开发的服务器端运行的脚本平台。

通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。同时，asp也支持VbScript和JavaScript等脚本语言，默认为VbScript。ASP的特点（1）无须Compile编译：（2）与浏览器无关（3）面向对象(Object_Orient)（4）任何ActiveXscripting语言兼容（5）Asp脚本服务器解析ASP对象ActiveServerPages提供五个内置的“对象”(object)，你可以直接调用：（1）Request：取得用户信息。（2）Response：传送信息给用户。（3）Server：提供访问服务器的方法(methods)和属性(properties)的功能。（4）Applicatin：一个应用程序，可以在多个主页之间保留和使用一些共同的信息。（5）Session：一个用户，可以在多个主页之间保留和使用一些共同的信息。在多个主页之间共享信息。Asp文件组成Asp文件组成ActiveServerPages(ASP)制作成.ASP扩展名的文件，一个.asp文件是一个文本文件，由以下三部分组成。（1）HTML标记(tags)；（2）VBscript或Jscript语言的程序码；（3）ASP语法。ASP语法ASP并不是一个script语言，而是提供一个可以集成script语言(VBscript或Jscript)到HTML主页的环境。HTML标记(tags)使用“<…>”将HTML程序码包含起来，以与常规的文本区分开来；而ASP使用“<%…%>”将ASP的script程序码包含起来。ActiveServerPages的源代码，不会传到用户的浏览器，可以保护你写的源程序不会外漏。因此，在用户端观看到的是常规的HTML码，你的站点服务器会自动将ActiveServerpages的程序代码，解释为标准的HTML格式的主页内容，如下：<fontsize=1color=#0000ff>快速掌握Internet技术</font><br><fontsize=2color=#0000ff>快速掌握Internet技术</font><br><fontsize=3color=#0000ff>快速掌握Internet技术</font>2.3VBScript脚本介绍VBScript是作为动态网页开发的脚本之一，本身具有简单易学功能强大等优点，目前也是很多入门者学习和动态网站开发的主要脚本语言之一。VBScript是重要的web开发工具之一，是iis、asp、cgi程序设计的基础，是microsoft

activex和com技术的重要组成部分。它利用和继承了microsoft著名编程工具visualbasic已有的成果，致力于开发www页面的制作市场。作为一种脚本编程语言，vbscript已受到越来越多的页面设计人员的欢迎。

2.3VBScript脚本介绍vbscript是html文档的一部分，它是依托html而存在的，也就是说，必须把脚本代码放在html文档中，否则将无法执行。html文档大体上由两部分组成，即首部和主体部分。一般来说，脚本代码可以放在html文档的任何地方（当然必须放在<html></html>标记内），不过，在本书的例子中，一般将把脚本代码放在html文档的首部。脚本代码以<script>开头，以</script>结束，其一般格式如下：</scriptlanguage=”language”[event=”event”][for=“object”]><!--scriptingcode--></script>

vbscript的基本知识1．数据类型在vbscript中，只有一种数据类型，即变体（variant）类型，但它包含了多种基本数据类型，这些基本数据类型称为子类型。变体类型的子类型包括：（1）sting（字符串）：一个字符序列，由ascii字符组成，包括标准的ascii字符和扩展ascii字符。在vbscript中，字符串是放在双引号内的若干个字符，其中长度为0（不包含任何字符）的字符串称为空字符串。字符串通常放在引号中vbscript中字符串的长度是不确定的，可以从0到2^31个字符。（2）empty（空类型）：声明一个变量后，如果还没有初始化，则改变量的值为empty。这个值是自动分配的，当变量的子类型为数值时，其值为0；而对于字符串变量，其值为0长度的字符串。variant变量在被赋值前为空值（内部表示为empty或0），它不同于数值0，不同于空字符串（""）,也不同于null。当一个variant变量为空值时，可以用在表达式中，vbscript将根据具体情况将其解释为数值0或空字符串。如果将其一个空值variant变量赋给一个非空值variant变量，则使后者变为空值。一旦variant变量被赋值，空值即不复存在。（3）null（空值）：可以把该值赋给一个变量，使该变量不包含任何有效数据。（3）null（空值）：可以把该值赋给一个变量，使该变量不包含任何有效数据。（4）byte（字节）：以1个字节的无符号二进制数存储，其取值范围为0到255。（5）boolean（布尔）：是一个逻辑值，用两个字节存储，它只取两种值，即true或false。（6）integer（整型数）：用两个字节存储。取值范围为-32768到32767。（7）date（日期）：格式：mm/dd/yyyy或者mm-dd-yyyy。（8）time（时间）：格式：hh：mm：ss，例如：14：44：55。（9）object（对象）：对象型数据用来表示图形或ole对象或其它对象。（10）error（错误）：保存由vbscript产生的错误代码。其它还有：long（长整数）、single（单精度数）、double（双精度数）等。

vbscript的基本知识常量和变量在程序中，不同类型的数据既可以以常量的形式出现，也可以以变量的形式出现。常量在程序执行期间其值时不发生变化的，而变量的值时可变的，它代表内存中指定的存储单元。（1）常量vbscript中的常量分为两种，一种是文字常量，一种是符号常量。①文字常量vbscript的文字常量分为两种，即字符串和数值。字符串常量字符串常量由字符组成，可以是除双引号和回车符之外的任何ascii字符。例如："￥25,000,00""numberofemployees"数值常量数值常量共有三种表示方式，即整型数、长整型数和浮点数。整型数：符合上节规定的数值串，例如：624，-4325等。长整型：其组成和整型数相同，其取值范围为-2147483648到2147483647（4个字节存储），例如：784165423，-88877454等。浮点数：也称实数，分为单精度浮点数和双精度浮点数。例如：235.988e-7，-56564e8等。②符号常量在vbscript中,通过关键字const定义符号常量。例如：CONSTMY．CONST＝100习惯上，常量名一般由大写子目组成。

vbscript的基本知识变量和其它语言一样，vbscript也用变量来存储数据值。每个变量有一个名字，通过名字来引用一个变量。①命名规则变量是一个名字，给变量命名时应遵循以下规则：名字只能由字母、数字和下划线组成；名字的第一个字母必须是英文字母；名字的有效字符为255个；不能用vbscript的保留字（关键字）作变量名，但可以把保留字嵌入变量名中。vbscript不区分变量名和其他名字中字母的大小写，Hello，hello，HELLO指的都是同一个名字，也就是说，在定义一个变量后，只要字符相同，则不管其大小写是否相同，指的都是这个变量。为了便于阅读，每个单词开头的字母一般用大小写，即大小写混合使用组成变量名（或其它名字），例如PrintText。②变量的声明在强类型语言（例如C）中，变量必须先说明，然后才能使用。因为vbscript只有一种数据类型，即变体类型，因此，变量不必声明就可以直接使用。例如：

msg＝"thisisastring"

这里的msg是一个变量，没有事先声明而直接使用，我们成这种方式为隐式声明。这样使用变量比较简单，也可以节省代码，但无法对变量进行跟踪。也就是说，不容易看出一个变量是从什么地方开始的。显式地声明变量是一种良好的编程习惯，同时可以提高代码的可读性。③变量的作用域变量的作用域指的是变量的有效范围，即变量的“可见性”。定义了一个变量后，为了能正确地使用变量的值，应当明确可以在程序的什么地方访问改变量。和其它语言一样，vbscript中的变量也可以分为局部变量和全局变量。其中局部变量是过程层（procedure-level）变量，而全局变量是脚本层（script-level）变量。局部变量指在过程（事件过程或通用过程）内定义的变量叫做局部变量，其作用域是它所在的过程，其生存期随着过程的结束而终止。局部变量通常用来存放中间结果或用作临时变量。某一过程的执行只对该过程内的变量产生作用，对其它过程中相同名字的局部变量没有任何关系。局部变量在过程内用dim定义，例如：subbutton1_onclick()dimtempnum……endsub全局变量脚本程序可以含有多个过程，全局变量的作用域是整个脚本部分，包括各个过程。全局变量在脚本的开头声明，而且不能隐式声明。也就是说，全局变量必须先声明后使用。

vbscript的基本知识3．运算符与表达式运算（即操作）是对数据的加工。最基本的运算形式常常可以用一些简洁的符号来描述，这些符号称为运算符或操作符。被运算的对象，即数据，称为运算量或操作数。由运算符和运算量组成的表达式描述了对哪些数据、以何种顺序进行什么样的操作。运算量可以是常量，也可以是变量，还可以是函数。例如：a＋3，t＋sin（a），x=a+b，pi*r*r等都是表达式，单个变量或常量也可以看成是表达式。vbscript提供了丰富的运算符，可以构成多种表达式。（1）算术运算符算术运算符是常用的运算符，用来执行简单的算术运算。vbscript提供了9个算术运算符，表2.2运算符按优先级（从高到低）列出了这些算术运算符。

vbscript的基本知识运算运算符表达式例子指数^x^y取负－-x乘法*x*y浮点除法/x/y整数除法\x\y取模modxmody加法+x+y减法－x-y连接&x&y下面介绍其它几个运算符的操作。指数运算

指数运算用来计算乘方和方根，其运算符为^，2^8表示2的8次方，而2^（1/2）或2^0.5是计算2的平方根。注意：指数是一个表达式时，必须加上括号。例如，x的y+z次方，必须写作x^（y+z），不能写成x^y+z，因为^的优先级比+高。浮点数除法与整数除法

浮点数除法运算符（/）执行标准除法操作，其结果为浮点数。例如，表达式3/2的结果为1.5，与数学中的除法一样。整数除法运算符（\）执行整除运算，结果为整型值，因此，表达式3\2的值为1。整数的操作数一般为整型值。当操作数带有小数时，首先被四舍五入为整型数或长整型数，然后进行整除运算，其运算结果被截断为整型数或长整型数，不进行舍入处理取模运算取模运算符mod用来求余数，其结果为第1个操作数整除第2个操作数所得的余数。例如，由于用7整除4，余数为3，所以7mod4的结果为3。同理，表达式21mod4的结果为1。再如表达式：25.86mod6.99首先通过四舍五入把25.68和6.99分别变为26和7，26被7整除，商为3，余数为5，因此上面表达式的值为5。算术运算符的优先级

表2.2运算符按优先级顺序列出了算术运算符。其中乘和浮点除是同级运算符，加和减是同级运算符。当一个表达式中还有多种算术运算符时，必须严格按上述顺序求值。此外，如果表达式中含有括号，则先计算括号内表达式的值；有多层括号时，先算内层括号。一些表达式的求值结果如表2.3表达式求值结果。

vbscript的基本知识运算运算符表达式例子指数^x^y取负－-x乘法*x*y浮点除法/x/y整数除法\x\y取模modxmody加法+x+y减法－x-y连接&x&y

vbscript的基本知识字符串连接算术运算符“＋”也可以用作字符串连接符，它可以把两个字符串连在一起，生成一个较长的字符串。例如：设a＝"mouse"，b＝"trap"，则执行c＝a+b后，c的值为"mousetrap"。因此，所谓连接，就是把字符串像链子一样连起来。在vbscript中，除了可以用“＋”来连接字符串外，还可以用“&”作为字符串连接符。其作用与“＋”相同。“＋”既可用作加法运算符，也可用作字符串连接符，而“&”专门用作字符串连接运算符。在有些情况下，用“&”比用“＋”可能更安全。

vbscript的基本知识关系运算符关系运算符也称比较运算符，用来对两个表达式的值进行比较，比较的结果是一个逻辑值，即真（true）或假（false）。vbscript提供了6个关系运算符，见表关系运算符（优先级从高到低）。运算符测试关系表达式例子=相等x=y<>或

><不相等x<>y或x><y<小于x<y>大于x>y<=小于或等于x<=y>=大于或等于x>=y

vbscript的基本知识逻辑运算符逻辑运算也称布尔运算。用逻辑运算符连接两个或多个关系式，组成一个布尔表达式。vbscript的逻辑运算符有以下六种。①not（非）由真变假或由假变真，进行“取反”运算。例如：3>9其值为false，而not（3>9）的值为true。②and（与）对两个关系表达式的值进行比较，如果两个表达式的值均为true，结果才为true，否则为false。例如：（3>8）and（5<6）结果为false③or（或）对两个表达式进行比较，如果其中一个表达式的值为true，结果就为true，只有两个表达式的值均为false时，结果才为false。例如：(3>8)or（5<6）结果为true④xor（异或）如果两个表达式同时为true或同时为false，则结果为false，否则为true。例如：（8>3）xor（5<6）结果为false⑤eqv（等价）如果两个表达式同时为true或同时为false，则结果为true。例如：（3>8）eqv（10>20）结果为true⑥imp（蕴含）当第1个表达式为true，且第2个表达式为false时，结果为false。

vbscript的基本知识表达式的执行顺序一个表达式可能含有多种运算，计算机按一定的顺序对表达式求值。一般顺序如下：①首先进行函数运算（将在下一节介绍函数）。②接着进行算术运算，其次序为：指数（^）取负（－）乘、浮点除（*、/）整除（\）取模（mod）加、减（+、－）连接（&）③然后进行关系运算（=、>、<、<>、<=、>=）。④最后进行逻辑运算，顺序为：notandorxoreqrimp

vbscript的基本知识过程和函数在前面几节中，已多次见过事件过程，这样的过程是当发生在某个事件（如onclick等）时，对该事件作出响应的程序段，这种事件过程构成了vbscript应用程序的主体。有时候，多个不同的事件过程可能需要使用一段相同的程序代码，可以把这一段代码独立出来，作为一个过程，这样的过程叫做“通用过程”，它可以单独建立，供事件过程调用。在vbscript中，通用过程分为两类，即子程序过程和函数过程，前者叫做sub过程，后者叫做function过程。在这一节中，我们将介绍通用过程的定义、调用及参数传递。（1）过程的定义vbscript提供了与pascal、c等语言类似的子程序调用机制，即子程序过程和函数过程。为了便于区分，在今后的叙述中，我们把sub…endsub定义的子程序叫做子程序过程或sub过程，把由function…endfunction定义的函数叫做函数过程或function过程。①sub过程的定义通用sub过程的结构与前面见过的事件过程的结构类似。一般格式如下：sub过程名[（参数列表）]

语句块

[exitsub][语句块]endsub说明：sub过程以sub开头，以endsub结束，在sub和endsub之间是描述过程操作的语句块，称为“过程体”或“子程序体”。格式中各参数含义如下：过程名：是一个长度不超过255个字符的变量名，在同一个模块中，同一个变量名不能既用作sub过程名又用作function过程名。参数列表：含有在调用时传送给该过程的简单变量名或数组元素名，各名字之间用逗号隔开。“参数列表”指明了调用时传送给过程的参数的类型和个数。endsub标志着sub过程的结束。为了能正确运行，每个sub过程必须有一个endsub语句。当程序执行到endsub时，将退出该过程，并立即返回到调用语句下面的语句。此外，在过程体内可以用一个或多个exitsub语句从过程中退出。sub过程不能嵌套。也就是说，在sub过程内，不能定义sub过程或function过程，只能通过调用执行sub过程，并且可以嵌套调用。②function过程的定义function过程定义的格式如下：function过程名[（参数列表）][语句块][过程名=表达式][exitfunction][语句块]endfunction说明：function过程以function开头，以endfunction结束，在两者之间是描述过程操作的语句块，即“过程体”。格式中的“过程名”、“参数列表”、“exitfunction”的含义与sub过程中相同。调用sub过程相当于执行一个语句，不返回值；而调用function过程要返回一个值。因此可以像内部函数一样在表达式中使用。由function过程返回的值放在上述格式中的“表达式”中，并通过“过程名＝表达式”把它的值赋给“过程名”。如果在function过程中省略“过程名＝表达式”，则该过程返回一个默认值；数值函数过程返回0值，字符串函数过程返回空字符串。因此，为了能使一个function过程完成指定的操作，通常要在过程体中为“过程名”赋值。

vbscript的基本知识过程的调用调用引起过程的执行。也就是说，要执行一个过程，必须调用该过程。sub过程调用可以作为独立的基本语句，而function过程调用要返回一个值，通常出现在表达式中。①调用function过程function过程的调用比较简单，因为可以像使用vbscript内部函数一样来调用function过程。实际上由于function过程能返回一个值，因此完全可以把它看成是一个函数，它与内部函数（如sqr、abs等）没什么区别，只不过内部函数由语言系统提供，而function过程由用户自己定义。②调用sub过程sub过程的调用有两种方式，一种是把过程的名字放在一个call语句中，一种是把过程名作为一个语句来使用。用call语句调用sub过程格式：call过程名[（实际参数）]call语句把程序控制传送到一个vbscript的sub过程。用call语句调用一个过程时，如果过程本身没有参数，则“实际参数”和括号可以省略；否则应给出相应的实际参数，并把参数放在括号中。“实际参数”是传送给sub过程的变量或常数。例如：calltryout（a，b）把过程名作为一个语句来使用在调用sub过程时，如果省略关键字call，就成为调用sub过程的第2种方式。与第1种方式相比，它有两点不同，一是去掉了关键字call；二是去掉了“实际参数表”的括号。

vbscript的基本知识控制语句（1）选择结构程序设计

if‘条件’then处理程序endif【举例、练习】（2）循环结构程序设计

while（‘条件’）语句块wend【举例、练习】

vbscript的基本知识vbscript常用函数

1．日期和时间函数

2．数学函数

3．字符串函数

4．其他内部函数

5．数据类型转换函数2.4JavaScript脚本介绍1．Javascript的基本语法2．运算符3．基本控制语句（1）if-else

（2）for循环语句（3）while循环（4）break语句（5）continue语句（6）switch语句2.4JavaScript脚本介绍4．函数 语法：function函数名(参数,变量){

函数体

return表达式

}

在javascript中函数名区分大小写.5．浏览器的内部对象

浏览器对象(navigator)、文档对象(document)、窗口对象(windows)、location对象、history对象javascrip事件

事件处理程序的基本语法：

function事件处理名(参数表){

事件处理语句集

}常用的事件主要有 单击事件onclick

、改变事件onchange、选中事件onselect

、获得焦点事件onfocus、失去焦点事件onblur、载入文件事件onload

、卸载文件事件onunload、鼠标覆盖事件onmouseover

、鼠标离开事件onmouseout、一般事件ondbclick/onkeypress/onkeydown/onkeyup

、页面相关事件、表单相关事件、滚动字幕事件、编辑事件、数据绑定、外部事件【举例、练习】2.5PHP脚本介绍PHP脚本介绍PHP是一种服务器端的、嵌入HTML的脚本语言。PHP区别其他像客户端Javascript的地方是它的代码在服务器端执行.PHP能做什么？PHP可以做任何其他CGI程序所能做的事,例如收集表

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论