网页编程网站建设与维护.ppt

网站建设与维护,网页编程技术,chapter2 网页编程技术,主要内容 html基础 asp介绍 vbscript脚本介绍 javascript脚本介绍 php脚本介绍 重点难点 html语言的常用标记、asp技术 vbscript脚本和javascript脚本,2.1 html基础,html概念 html（hyper text markup language 超文本标识语言） 是一种用来制作超文本文档的简单标记语言。 用html编写的超文本文档称为html文档。,html文档的编写方法,手工直接编写 记事本等，存成.htm .html格式 使用可视化html编 辑 器 frontpage、dreamweaver等 由web 服务器（ 或称http 服务器） 一 方实时动态地生成。,网页文件命名,*.htm或*.html 无空格 无特殊符号（例如&符号），只可以有下划线“_”，只可以为英文、数字 区分大小写 首页文件名默认为：index.htm 或 index.html,html 文件结构,. . . 元素：是html语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如），也有一个结束的标记（如）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。,html 文件结构 (document structures), html 文件的正文 ,第一张网页, my first page this is my first homepage! ,基本组成部分 html元素属性,html元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的内，并且和元素名之间有一个空格分隔；属性值用“”引起来。,第二张网页, my first page this is my first homepage! ,html基本结构的 有关元素和元素属性,head元素1 元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 元素定义html文档的标题。与之间的内容将显示在浏览器窗口的标题栏。,html基本结构的 有关元素和元素属性,head元素2 元素 元素下面可以插入很多很有用的元素属性。下面介绍四种： 用来标记搜索引擎在搜索你的页面时所取出的关键词。,html基本结构的 有关元素和元素属性,head元素3 元素 用来标记文档的作者。,html基本结构的 有关元素和元素属性,head元素4 元素 用来标记你的页面的解码方式。,html基本结构的 有关元素和元素属性,head元素5 元素 用来自动刷新网页,练习,编写一个网页，要求3秒钟后自动跳转到硅谷动力学院的网站。 my first page 三秒钟后本网页将自动跳转到硅谷动力网络学院首页 ,元素及元素属性1,元素表明是html文档的主体部分。在与之间，通常都会有很多其它元素；这些元素和元素属性构成html文档的主体部分。,元素及元素属性2,元素中有下列元素属性： (1)bgcolor bgcolor属性标志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.,常见颜色的代码,元素及元素属性3,元素中有下列元素属性： (2)background background属性标志html文档的背景图片。如：background=“images/bg.gif“。 可以使用的图片格式为gif，jpg,元素及元素属性4,元素中有下列元素属性： (3)bgproperties=fixed bgproperties=fixed使背景图片成水印效果，即图片不随着滚动条的滚动而滚动。,元素及元素属性5,元素中有下列元素属性： (4)text text属性标志html文档的正文文字颜色。如：text=“#ff6666”。text元素定义的颜色将应用于整篇文档。,元素及元素属性6,元素中有下列元素属性： (5)超级链接颜色 link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。,元素及元素属性7,元素中有下列元素属性： (6) leftmargin和topmargin 设置网页主体内容距离网页顶端和左端的距离如：leftmargin=“20“ topmargin=“30“,文字标签属性1,文字属性标记 1.文字颜色 指定颜色 . #=rrggbb 16 进制数码,文字标签属性2,文字属性标记 2.文字字体 . #=客户端可获得的字体,文字标签属性3,文字属性标记 3.文字大小 . #=1, 2, 3, 4, 5, 6, 7 or +#, -#,文字标签属性4,文字属性标记 4.文字标题 . #=1, 2, 3, 4, 5, 6 例：,文字布局,行的控制 段(paragraph) (可以看作是空行) 空白占位符,文字布局,行的控制 html的段落与段落之间有一定的空隔。如果不希望出现空隔而只想换行的话，就要用到另一个元素，即元素。元素可以使所在的位置出现换行。这种换行和浏览器的自动换行的效果类似。元素不是成对出现的。 例： 不换行,html文字与段落格式控制, 倾斜文本 粗体文本 下划线文本 删除线文本 ,基本组成部分html注释,html文档可以插入注释。注释内容不会在浏览器窗口显示 html注释的格式为： ,1文字的对齐,. (n=1,2,3,4,5,6) . (#=left, center, right),2文字的分区显示, . (#=left, center, right) 例：,3.html段落与分行控制,居中- 元素 元素是一个独立的使所标记的字符居中的元素。它的作用与使用元素里的align=“center”类似 例如：居中段落,3.html段落与分行控制,标尺线 ：设定线宽 ：设定线长 ：设定对齐方式 #=left, right ：设定线的颜色,3. html的段落与分行控制,无序列表元素1 列表在html的文档里有重要的地位,html规定了多种列表元素。列表所起的主要作用是使特定的文本有序化。,3. html的段落与分行控制,无序列表元素2 无序列表是由和元素定义的: sports food drink friends 例：,3. html的段落与分行控制,无序列表元素3 无序列表的默认符号是圆点。 元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有： disc(圆)、circle（圆圈）、square（方块）,3. html的段落与分行控制,有序列表元素1 有序列表由和定义: sports drink friends ,3. html的段落与分行控制,有序列表元素2 元素也有自己的type属性，type属性的属性值有1、a、a、i、i等。例如，我们以a、b、c作为列表的编号 例： 元素还可以定义列表的起始编号，如我们希望列表的第一个编号为5，而不是1，则需要定义元素的start属性,4.超级链接普通超级链接1,超级链接是整个www应用的核心和基础。如果没有超级链接的概念，那么，我们现在所有的www的应用将不复存在。所以，对超级链接的掌握具有特殊重要的意义。,4.超级链接普通超级链接2,超级链接是用锚元素定义的 在元素下，有元素属性href,href的属性值为一个url地址 如：指向学院的超级链接 如：普通超级链接,4.超级链接e-mail超级链接,超级链接可以指向e-mail地址 如：指向e-mail地址的超级链接,4.超级链接新开链接窗口,开一个新的(浏览器)窗口 (target window) . 例：,4.超级链接去除下划线,去掉超级连接的下划线：style=“text-decoration: none” 例：,4.超级链接其他超级链接,www应用仅仅是internet应用的一种,internet还有其他很多应用，如：ftp等。实际上mailto也属于非www应用。我们可以类似的创建指向ftp等的超级链接; 指向其他internet应用的超级链接不是我们掌握的重点。,4.超级链接锚点(书签) 1, 指向本页面锚点aa的超级链接 指向23页面的锚点top的超级链接 例：,练习：手写代码实现,链接（新开窗口与email）、背景、文字颜色、字体、换行、页面标题。 练习：,html对图片的控制-1,基本语法: 引用图片必须用元素标志。元素下的基本元素属性是src属性，src的属性值为所引用的图片的url地址。 src属性是必须的。src的url可以是绝对地址，也可以是相对地址,html对图片的控制-2,所谓图片的替代文本，指图片不能显示时在图片所在位置显示的一段文本或当鼠标移到图片上时也会显示替代文本。 定义图片替代文本的方法是： ,html对图片的控制-3,图片的显示大小 我们可以指定一幅图片在浏览器窗口里的显示大小。 定义图片的显示大小的方法是： width指定图片的宽度，height指定高度。它们的属性值可以是象素，也可以是%。,html对图片的控制-4,图片的边框 我们可以为一幅图片加一个边框以突出显示： border的属性值为象素数,html对图片的控制-5,图片的对齐方式 图片可以相对于页面或单元格有一个对齐方式。 定义水平对齐方式的方法是： ,html对图片的控制-6,图片的对齐方式 定义图片的垂直对齐方式： 对于图片的对齐方式不仅是以上几种，但是以上的几种是最常用的。 例,html对图片的控制-7,定义图片与左、右的文本之间的间距 图片在显示时，与左右的文本之间可以有一定的间距 hspace(horizontal)定义水平间距； vspace(vertical)定义垂直间距。单位都是象素数.,html对图片的控制-8,图象的超级链接 图象的超级链接是指整个图象的超级链接，当点击图象的任何部分时，都会打开这个超级链接。定义默认超级链接的方法是： 所以，所谓超级链接实际上就是用元素标志一个图象的引用;,html对图片的控制-9,图象映射 所谓图象映射是指一个图片上的不同位置被指定了不同的超级链接；点击图片的不同位置会打开不同的超级链接目标。这与前面的默认超级链把整个图片作为超级链接的元素是很不一样的。,html对图片的控制-10,图象映射（只要求理解标记含义） 图象映射由定义。有一个基本属性是name。name给图象映射命名，这个命名将会被元素用usemap属性引用。所以，图象上的图象映射实际上是对定义的映射的一个引用。 在定义图象映射时，可以定义三种形状的映射： circle(圆形)、rect(矩形rectangle)、poly(多边形),html对图片的控制-11,图象映射实例（35.htm） ,表格(table)标记, 元素：定义一个表格。每一个表格只有一对和，一张页面中可以有多个表格。 元素：定义表格的行，一个表格可以有多行，所以对于一个表格来说不是唯一的。 元素：定义表格的一个单元格。每行可以有不同数量的单元格，在和之间是单元格的具体内容。 需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。,单元格（用来表示，每个单元格可以有背景颜色和背景图片）,表格（用来表示，表格可以有背景颜色、背景图片）,表格边框,每一行可以用来表示，单元格放在行中，每行可以有很多的单元格。,表头（用来表示，表头是特殊的单元格，其中的文字加进去之后默认是居中并且加粗）,表格(table)标记,表格的基本结构 定义表格 定义表头 定义表行 定义单元格 例：,表格(table)标记-1,表格的属性 1 width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。 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属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素,表格进阶,表格的嵌套 在 之间插入表格，实现表格嵌套 表格的作用一般只是控制文本和图像的显示，而不显示表格的边框 例：,综合案例,表格的综合使用 例：,表单(form)标记,html表单是html页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。 在html里，我们可以定义表单，并且使表单与cgi或asp等服务器端的表单处理程序配合。我们在网页设计课程中不会涉及程序编制。,表单(form)标记,表单是网页上的一个特定区域。这个区域是由一对元素定义的。 元素 action属性：用来定义表单处理程序（一个asp、cgi等程序）的位置(相对地址或绝对地址)。 method定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post。,表单(form)标记,1.表单的基本语法: . * =get有数据量限制，post无以上限制,以文件形式传输,表单(form)标记,文本框 ? 文本框的名字 * text,password * 默认值 * 长度 ? 最大输入字符数,表单(form)标记,3.文本域 . 例：,表单(form)标记,按钮 包括普通按钮、重置按钮和提交按钮 ,表单(form)标记,5.复选框(checkbox) 在一个表单里的所有多选框可以有一个或多个被选中。 例,表单(form)标记,6.单选框(radiobutton) 一个表单里的所有变量名相同的单选框只能够有一个被选中。 各个选项的name必须一样才能达到预期效果,表单(form)标记,7.下拉列表 基本语法 说明 说明2 例：,表单(form)标记,7.下拉列表 （2）列表框的长度 （3）允许多选 例：,表单(form)标记,8.图象域 例：image.htm,表单(form)标记,综合练习（*） 实现留言簿 要求：背景、文字颜色、字体、换行、页面标题、表单文本框、文本域、单选框、复选框、下拉列表、图象域、提交与取消按钮，内容以mail形式提交。,网页中的框架,制作框架页面的步骤： 1.编写所有子框架页面 2.编写主框架页面 3.在主框架页面中设定子框架名称 4.如果框架页面之间存在链接，在子框架中设定链接。 注意：框架页面是不含标签的,网页中的框架,基本语法 您的浏览器不支持框架，请考虑升级您的浏览器！ ,网页中的框架,定义框架的基本语法 框架由一对定义 有两个属性：rows和cols rows定义上下分割的框架的大小； cols定义左右分割的框架的大小； 在定义大小时，rows和cols可以使用相对大小或以百分比为单位。,网页中的框架,各窗口的尺寸设置 横排多个窗口 排列方式： a b c,网页中的框架,各窗口的尺寸设置 纵向排列多个窗口 排列方式：a b c,网页中的框架,cols & rows：纵横排列多个窗口 排列方式： b a c,网页中的框架,框架边框的颜色 bordercolor=“ff0000“ 各窗口边框的设置 frameborder=# #=yes, no / 1, 0 框架边框的宽度 framespacing=“10“ 例：,网页中的框架,的属性 name：定义该框架的名字。这个名字可以被一些网页元素引用，如被元素引用。 src：在本框架里显示网页的url。 target：目标框架,引用的是目标框架的名字。,网页中的框架,在当前框架中打开超链接页面 默认就是在当前框架页中打开,也可以采用target=“_self” 在指定框架中打开超级链接页面 target=“name” 新开窗口打开链接页面 target=“_blank” 跳出整个框架集 target=“_parent”,网页中的框架,的属性 scrolling：是否显示滚动条。yes, no, auto noresize：框架在浏览器里不可以被调整大小。 例：,网页中的框架,内含窗口 . #=初始页面的 url #=框架名称(frame name) 例：,会移动的文字,基本语法 . 文字移动属性 (1)方向 ：direction=# #=left, right,up,down,会移动的文字,2、文字移动属性 (2)方式： behavior=# #=scroll(循环), slide(只走一次), alternate(来回走) (3)循环: loop=# #=次数；若未指定则循环不止(infinite),会移动的文字,2、文字移动属性 (4)速度: scrollamount=# (5)延时: scrolldelay=# 例：,会移动的文字,3、其他属性 (1)底色: bgcolor=# #=rrggbb 16 进制颜色代码 (2)面积: height=# width=# (3)空白:hspace=# vspace=#,多媒体页面,用嵌入多媒体对象 基本语法 #=url 注： 使用 标记之前，需要安装插件才可以； 对于不同的plugin，其embed属性也不同。 例： (flash动画) 例： (rmi音乐文件) 例： (avi动画) 例： (mpeg影像文件),多媒体页面（*）,嵌入背景音乐 #=wav 文件的 url #=循环数 (wav背景音乐),多媒体页面（*）,特殊标记元素object 元素用来包含图像、动态图像、java小程序。 元素用以替换更具体的和元素，以及和元素。,2.2 asp介绍,active server page(动态服务器主页，简称asp )是一套微软开发的服务器端运行的脚本平台。 通过asp我们可以结合html网页、asp指令和activex 元件建立动态、交互且高效的web服务器应用程序。同时，asp也支持vbscript和javascript等脚本语言，默认为vbscript。,asp的特点 （1）无须compile编译： （2）与浏览器无关 （3）面向对象(object_orient) （4）任何activex scripting语言兼容 （5）asp脚本服务器解析,asp对象 active server pages提供五个内置的“对象”(object)，你可以直接调用： （1）request：取得用户信息。 （2）response：传送信息给用户。 （3）server：提供访问服务器的方法(methods)和属性(properties)的功能。 （4）applicatin：一个应用程序，可以在多个主页之间保留和使用一些共同的信息。 （5）session：一个用户，可以在多个主页之间保留和使用一些共同的信息。在多个主页之间共享信息。 asp文件组成,asp文件组成 active server pages(asp)制作成.asp扩展名的文件，一个.asp文件是一个文本文件，由以下三部分组成。 （1）html标记(tags)； （2）vbscript或jscript语言的程序码； （3）asp语法。,asp语法 asp并不是一个script语言，而是提供一个可以集成script语言(vbscript或 jscript)到html主页的环境。 html标记(tags)使用“”将html程序码包含起来，以与常规的文本区分开来；而asp使用“”将asp的script程序码包含起来。,active server pages的源代码，不会传到用户的浏览器，可以保护你写的源程序不会外漏。因此，在用户端观看到的是常规的html码，你的站点服务器会自动将active server pages的程序代码，解释为标准的html格式的主页内容，如下： 快速掌握internet技术 快速掌握internet技术 快速掌握internet技术 ,2.3 vbscript脚本介绍,vbscript是作为动态网页开发的脚本之一，本身具有简单易学功能强大等优点，目前也是很多入门者学习和动态网站开发的主要脚本语言之一。 vbscript 是重要的web开发工具之一，是iis、asp、cgi程序设计的基础，是microsoft activex和com技术的重要组成部分。它利用和继承了microsoft著名编程工具visual basic 已有的成果，致力于开发www页面的制作市场。作为一种脚本编程语言，vbscript已受到越来越多的页面设计人员的欢迎。,2.3 vbscript脚本介绍,vbscript是html文档的一部分，它是依托html而存在的，也就是说，必须把脚本代码放在html文档中，否则将无法执行。 html文档大体上由两部分组成，即首部和主体部分。一般来说，脚本代码可以放在html文档的任何地方（当然必须放在 标记内），不过，在本书的例子中，一般将把脚本代码放在html文档的首部。 脚本代码以开头，以结束，其一般格式如下： ,vbscript的基本知识,1数据类型 在vbscript中，只有一种数据类型，即变体（variant）类型，但它包含了多种基本数据类型，这些基本数据类型称为子类型。变体类型的子类型包括： （1）sting（字符串）：一个字符序列，由ascii字符组成，包括标准的ascii字符和扩展ascii字符。在vbscript中，字符串是放在双引号内的若干个字符，其中长度为0（不包含任何字符）的字符串称为空字符串。 字符串通常放在引号中vbscript中字符串的长度是不确定的，可以从0到231个字符。 （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“ “number of employees“,数值常量 数值常量共有三种表示方式，即整型数、长整型数和浮点数。 整型数：符合上节规定的数值串，例如：624，-4325等。 长整型：其组成和整型数相同，其取值范围为-2147483648到2147483647（4个字节存储），例如：784165423，-88877454等。 浮点数：也称实数，分为单精度浮点数和双精度浮点数。例如：235.988e-7，-56564e8等。 符号常量 在vbscript中,通过关键字const定义符号常量。 例如：const myconst100 习惯上，常量名一般由大写子目组成。,vbscript的基本知识,变量 和其它语言一样，vbscript也用变量来存储数据值。每个变量有一个名字，通过名字来引用一个变量。 命名规则 变量是一个名字，给变量命名时应遵循以下规则： 名字只能由字母、数字和下划线组成； 名字的第一个字母必须是英文字母； 名字的有效字符为255个； 不能用vbscript的保留字（关键字）作变量名，但可以把保留字嵌入变量名中。 vbscript不区分变量名和其他名字中字母的大小写，hello，hello，hello指的都是同一个名字，也就是说，在定义一个变量后，只要字符相同，则不管其大小写是否相同，指的都是这个变量。为了便于阅读，每个单词开头的字母一般用大小写，即大小写混合使用组成变量名（或其它名字），例如printtext。, 变量的声明 在强类型语言（例如c）中，变量必须先说明，然后才能使用。因为vbscript只有一种数据类型，即变体类型，因此，变量不必声明就可以直接使用。例如： msg“this is a string“ 这里的msg是一个变量，没有事先声明而直接使用，我们成这种方式为隐式声明。这样使用变量比较简单，也可以节省代码，但无法对变量进行跟踪。也就是说，不容易看出一个变量是从什么地方开始的。显式地声明变量是一种良好的编程习惯，同时可以提高代码的可读性。, 变量的作用域 变量的作用域指的是变量的有效范围，即变量的“可见性”。定义了一个变量后，为了能正确地使用变量的值，应当明确可以在程序的什么地方访问改变量。 和其它语言一样，vbscript中的变量也可以分为局部变量和全局变量。其中局部变量是过程层（procedure-level）变量，而全局变量是脚本层（script-level）变量。 局部变量 指在过程（事件过程或通用过程）内定义的变量叫做局部变量，其作用域是它所在的过程，其生存期随着过程的结束而终止。局部变量通常用来存放中间结果或用作临时变量。某一过程的执行只对该过程内的变量产生作用，对其它过程中相同名字的局部变量没有任何关系。,局部变量在过程内用dim定义，例如： sub button1_onclick() dim tempnum end sub 全局变量 脚本程序可以含有多个过程，全局变量的作用域是整个脚本部分，包括各个过程。全局变量在脚本的开头声明，而且不能隐式声明。也就是说，全局变量必须先声明后使用。,vbscript的基本知识,3运算符与表达式 运算（即操作）是对数据的加工。最基本的运算形式常常可以用一些简洁的符号来描述，这些符号称为运算符或操作符。被运算的对象，即数据，称为运算量或操作数。由运算符和运算量组成的表达式描述了对哪些数据、以何种顺序进行什么样的操作。运算量可以是常量，也可以是变量，还可以是函数。例如：a3，tsin（a），x=a+b，pi*r*r等都是表达式，单个变量或常量也可以看成是表达式。 vbscript提供了丰富的运算符，可以构成多种表达式。 （1）算术运算符 算术运算符是常用的运算符，用来执行简单的算术运算。vbscript提供了9个算术运算符，表2. 2 运算符按优先级（从高到低）列出了这些算术运算符。,vbscript的基本知识,下面介绍其它几个运算符的操作。 指数运算 指数运算用来计算乘方和方根，其运算符为，28表示2的8次方，而2（1/2）或20.5是计算2的平方根。注意：指数是一个表达式时，必须加上括号。例如，x的y+z次方，必须写作x（y+z），不能写成xy+z，因为的优先级比+高。 浮点数除法与整数除法 浮点数除法运算符（/）执行标准除法操作，其结果为浮点数。例如，表达式3/2的结果为1.5，与数学中的除法一样。整数除法运算符（） 执行整除运算，结果为整型值，因此，表达式32的值为1。 整数的操作数一般为整型值。当操作数带有小数时，首先被四舍五入为整型数或长整型数，然后进行整除运算，其运算结果被截断为整型数或长整型数，不进行舍入处理,取模运算 取模运算符mod用来求余数，其结果为第1个操作数整除第2个操作数所得的余数。例如，由于用7整除4，余数为3，所以7 mod 4的结果为3。同理，表达式21 mod 4的结果为1。再如表达式： 25.86 mod 6.99 首先通过四舍五入把25.68和6.99分别变为26和7，26被7整除，商为3，余数为5，因此上面表达式的值为5。 算术运算符的优先级 表2. 2 运算符按优先级顺序列出了算术运算符。其中乘和浮点除是同级运算符，加和减是同级运算符。当一个表达式中还有多种算术运算符时，必须严格按上述顺序求值。此外，如果表达式中含有括号，则先计算括号内表达式的值；有多层括号时，先算内层括号。一些表达式的求值结果如表2. 3 表达式求值结果。,vbscript的基本知识,vbscript的基本知识,字符串连接 算术运算符“”也可以用作字符串连接符，它可以把两个字符串连在一起，生成一个较长的字符串。例如：设a“mouse“，b“trap“，则执行ca+b后，c的值为“mousetrap“。 因此，所谓连接，就是把字符串像链子一样连起来。在vbscript中，除了可以用“”来连接字符串外，还可以用“&”作为字符串连接符。其作用与“”相同。“”既可用作加法运算符，也可用作字符串连接符，而“&”专门用作字符串连接运算符。在有些情况下，用“&”比用“”可能更安全。,vbscript的基本知识,关系运算符 关系运算符也称比较运算符，用来对两个表达式的值进行比较，比较的结果是一个逻辑值，即真（true）或假（false）。vbscript提供了6个关系运算符，见表关系运算符（优先级从高到低）。,vbscript的基本知识,逻辑运算符 逻辑运算也称布尔运算。用逻辑运算符连接两个或多个关系式，组成一个布尔表达式。vbscript的逻辑运算符有以下六种。 not（非） 由真变假或由假变真，进行“取反”运算。例如：39其值为false，而not（39）的值为true。 and（与） 对两个关系表达式的值进行比较，如果两个表达式的值均为true，结果才为true，否则为false。例如：（38）and（58) or （56） 结果为true,xor（异或） 如果两个表达式同时为true或同时为false，则结果为false，否则为true。例如：（83）xor（58）eqv（1020） 结果为true imp（蕴含） 当第1个表达式为true，且第2个表达式为false时，结果为false。,vbscript的基本知识,表达式的执行顺序 一个表达式可能含有多种运算，计算机按一定的顺序对表达式求值。一般顺序如下： 首先进行函数运算（将在下一节介绍函数）。 接着进行算术运算，其次序为： 指数（） 取负（） 乘、浮点除（*、/） 整除（） 取模（mod） 加、减（+、） 连接（&） 然后进行关系运算（=、=）。 最后进行逻辑运算，顺序为： not and or xor eqr imp,vbscript的基本知识,过程和函数 在前面几节中，已多次见过事件过程，这样的过程是当发生在某个事件（如onclick等）时，对该事件作出响应的程序段，这种事件过程构成了vbscript应用程序的主体。有时候，多个不同的事件过程可能需要使用一段相同的程序代码，可以把这一段代码独立出来，作为一个过程，这样的过程叫做“通用过程”，它可以单独建立，供事件过程调用。 在vbscript中，通用过程分为两类，即子程序过程和函数过程，前者叫做sub过程，后者叫做function过程。在这一节中，我们将介绍通用过程的定义、调用及参数传递。 （1）过程的定义 vbscript提供了与pascal、c等语言类似的子程序调用机制，即子程序过程和函数过程。为了便于区分，在今后的叙述中，我们把subend sub定义的子程序叫做子程序过程或sub过程，把由functionend function定义的函数叫做函数过程或function过程。, sub过程的定义 通用sub过程的结构与前面见过的事件过程的结构类似。一般格式如下： sub 过程名（参数列表） 语句块 exit sub 语句块 end sub,说明： sub过程以sub开头，以end sub结束，在sub和end sub之间是描述过程操作的语句块，称为“过程体”或“子程序体”。格式中各参数含义如下： 过程名：是一个长度不超过255个字符的变量名，在同一个模块中，同一个变量名不能既用作sub过程名又用作function过程名。 参数列表：含有在调用时传送给该过程的简单变量名或数组元素名，各名字之间用逗号隔开。“参数列表”指明了调用时传送给过程的参数的类型和个数。 end sub标志着sub过程的结束。为了能正确运行，每个sub过程必须有一个end sub语句。当程序执行到end sub时，将退出该过程，并立即返回到调用语句下面的语句。此外，在过程体内可以用一个或多个exit sub语句从过程中退出。 sub过程不能嵌套。也就是说，在sub过程内，不能定义sub过程或function过程，只能通过调用执行sub过程，并且可以嵌套调用。,function过程的定义 function过程定义的格式如下： function 过程名（参数列表） 语句块 过程名=表达式 exit function 语句块 end function 说明： function过程以function开头，以end function结束，在两者之间是描述过程操作的语句块，即“过程体”。格式中的“过程名”、“参数列表”、“exit function”的含义与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过程的变量或常数。例如：call tryout（a，b） 把过程名作为一个语句来使用 在调用sub过程时，如果省略关键字call，就成为调用sub过程的第2种方式。与第1种方式相比，它有两点不同，一是去掉了关键字call；二是去掉了“实际参数表”的括号。,vbscript的基本知识,控制语句 （1）选择结构程序设计 if 条件 then 处理程序 end if 【举例、练习】 （2）循环结构程序设计 while（条件） 语句块 wend 【举例、练习】,vbscript的基本知识,vbscript常用函数 1日期和时间函数 2数学函数 3字符串函数 4其他内部函数 5数据类型转换函数,2.4 javascript脚本介绍,1javascript的基本语法 2运算符 3基本控制语句 （1）if-else （2）for循环语句 （3）while 循环 （4）break 语句 （5）continue 语句 （6）switch语句,2.4 javascript脚本介绍,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.5 php脚本介绍,php脚本介绍 php 是一种服务器端的、嵌入html的脚本语言。php区别其他像客户端javascript的地方是它的代码在服务器端执行.php能做什么？ php可以做任何其他cgi程序所能做的事,例如收集表格数据,生成动态页面内容,或者收发cookies.可能最强大,最有意义的特性是php支持大范围的数据库.书写一个支持数据库的web 页面是难以置信的简单。,php是一种服务器端html-嵌入式脚本描述语言。其最强大和最重要的特征是其数据库集成层，使用它完成一个含有数据库功能的网页是不可置信的简单。在html文件中，php脚本程序（语法类似于perl或者c语言）可以使用特别的php标签进行引用，这样网页制作者也不必完全依赖html生成网页了。由于php是在服务器端执行的，客户端是看不到php代码的。php可以完成任何cgi脚本可以完成的任务，但它的功能的发挥取决于它和各种数据库的兼容性。php除了可以使用http进行通信，也可以使用imap, snmp, nntp, pop3协议。,php是什么文件？ php，一个嵌套的缩写名称，是英文“超级文本预处理语言”（php：hypertext preprocessor）的缩写。php 是一种html内嵌式的语言，php与微软的asp颇有几分相似，都是一种在服务器端