《ASP动态网页设计课件完整版电子教案.ppt》由会员分享,可在线阅读,更多相关《ASP动态网页设计课件完整版电子教案.ppt(174页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第1 1章章 ASPASP使用基础使用基础q了解了解WebWeb的基本概念的基本概念q熟悉熟悉ASPASP的基本概念和工作原理的基本概念和工作原理q掌握掌握ASPASP运行环境的配置方法运行环境的配置方法q掌握创建虚拟目录的方法掌握创建虚拟目录的方法q掌握掌握ASPASP文件的编写和运行方法文件的编写和运行方法Internet 和和万维网万维网全球范围内网络的网络Internet 的一部分由包含各种信息的文档组成发出请求发出请求WebWeb的工作模式的工作模式q信息资源以页面形式存储在信息资源以页面形式存储在Web服务器上,服务器上,q用户通过客户端的浏览器向用户通过客户端的浏览器向Web服
2、务器发出查询请求;服务器发出查询请求;qWeb服务器根据客户端请求的内容做出响应,并将存储在服务器上的服务器根据客户端请求的内容做出响应,并将存储在服务器上的某个页面发送给客户端;某个页面发送给客户端;q浏览器对收到的页面进行解释并将页面显示给用户。浏览器对收到的页面进行解释并将页面显示给用户。Web服务以客户机服务以客户机/服务器模式运行服务器模式运行发回网页发回网页qWeb页页qWeb页就是页就是World Wide Web文档,通常称为网页,它是文档,通常称为网页,它是Web服务器上的基本信息单位。服务器上的基本信息单位。Web页一般是用页一般是用HTML语言语言编写的超文本文件,包含普
3、通文字、图像、声音、动画、视编写的超文本文件,包含普通文字、图像、声音、动画、视频以及脚本命令等,位于特定计算机的特定目录中,其位置频以及脚本命令等,位于特定计算机的特定目录中,其位置可以根据可以根据URL确定。按照确定。按照Web服务器响应方式的不同,可以服务器响应方式的不同,可以将将Web页分为静态网页和动态网页。页分为静态网页和动态网页。qWeb站点站点qWeb站点就是计算机网络上的一个位置。它将网页文件和站点就是计算机网络上的一个位置。它将网页文件和素材文件有条理地放置站点文件夹里,这些文件与文件夹就素材文件有条理地放置站点文件夹里,这些文件与文件夹就构成了网站的实质内容。构成了网站的
4、实质内容。Web页与页与Web站点站点q静态网页静态网页 静态网页是标准的静态网页是标准的HTMLHTML文件,其文件扩展名是文件,其文件扩展名是.htmhtm或或.html.html,它可以包含,它可以包含HTMLHTML标记标记、文本文本、JavaJava小程序小程序、客户端客户端脚本脚本以及以及客户端客户端ActiveXActiveX控件控件,但这种网页,但这种网页不包含任何服务不包含任何服务器端脚本器端脚本,该页中的每一行,该页中的每一行HTMLHTML代码都是在放置到代码都是在放置到WebWeb服务服务器前由网页设计人员编写的,在放置到器前由网页设计人员编写的,在放置到WebWeb服
5、务器后便不再服务器后便不再发生任何更改,所以称之为发生任何更改,所以称之为静态网页静态网页。静态网页与动态网页静态网页与动态网页服务器寻找静态网页文件服务器寻找静态网页文件服务器将找到的静态网页发送到服务器将找到的静态网页发送到请求浏览器请求浏览器浏览器向服务器发送页请求浏览器向服务器发送页请求浏览器解释并显示页面结果浏览器解释并显示页面结果发送页请求发送页请求响应页请求响应页请求|静态网页工作特点:静态网页工作特点:服务器端对找到的静态网页不做任何处理,直接将该页发送到请求浏览器。服务器端对找到的静态网页不做任何处理,直接将该页发送到请求浏览器。q动态网页动态网页q动态网页就是文件中不仅包含
6、动态网页就是文件中不仅包含HTMLHTML标记、文本、标记、文本、JavaJava小程序、客户端脚本以及客户端小程序、客户端脚本以及客户端ActiveXActiveX控件,而且还控件,而且还包含服务器端脚本包含服务器端脚本。q这种网页的扩展名不再是这种网页的扩展名不再是.htmhtm或或.html.html,而是与所使用而是与所使用的的WebWeb应用开发技术有关,例如,使用应用开发技术有关,例如,使用ASPASP技术时文件扩技术时文件扩展名是展名是.ASP.ASP,使用,使用PHPPHP技术时文件扩展名是技术时文件扩展名是.phpphp,使用,使用JSPJSP技术时文件扩展名是技术时文件扩展
7、名是.jspjsp,等等。,等等。q动态网页能够根据不同的时间、不同的来访者显示不动态网页能够根据不同的时间、不同的来访者显示不同的内容,还可以根据用户的即时操作和即时请求,动同的内容,还可以根据用户的即时操作和即时请求,动态改变网页的内容。态改变网页的内容。静态网页与动态网页静态网页与动态网页服务器解释并执行服务器端脚本命服务器解释并执行服务器端脚本命令,并将其转化为标准的静态网页令,并将其转化为标准的静态网页 服务器将完成的服务器将完成的HTML文件发送到文件发送到请求浏览器请求浏览器浏览器向服务器发送页请求浏览器向服务器发送页请求服务器寻找该动态网页文件并将服务器寻找该动态网页文件并将其
8、传递给应用程序服务器其传递给应用程序服务器浏览器解释并显示页面结果浏览器解释并显示页面结果发送页请求发送页请求响应页请求响应页请求|动态网页工作特点:动态网页工作特点:Web服务器收到对动态网页的请求时,它将含有服务器端脚本程序代码的服务器收到对动态网页的请求时,它将含有服务器端脚本程序代码的动态网页转化为标准的静态网页动态网页转化为标准的静态网页 q什么是什么是ASPq严格意义上讲,严格意义上讲,ASP既不是一种语言也不是一种开发工具,而是一种既不是一种语言也不是一种开发工具,而是一种技术框架,是位于服务器端的脚本运行环境。通过这种环境,用户可以技术框架,是位于服务器端的脚本运行环境。通过这
9、种环境,用户可以使用几乎所有开发工具来创建和运行交互式动态网页。使用几乎所有开发工具来创建和运行交互式动态网页。qASP的工作流程的工作流程q 当用户在浏览器的当用户在浏览器的“地址地址”栏中输入一个栏中输入一个ASP动态网页的动态网页的URL地址并地址并单击单击“转到转到”时,浏览器向时,浏览器向Web服务器发送了一个服务器发送了一个asp文件请求。文件请求。q 服务器收到该请求后,根据扩展名服务器收到该请求后,根据扩展名.asp判断出这是一个判断出这是一个ASP文件请求,文件请求,并从硬盘或内存中获取所需并从硬盘或内存中获取所需ASP文件,然后向应用程序扩展文件,然后向应用程序扩展ASP.
10、dll发发送送ASP文件。文件。qASP.dll自上而下查找、解释并执行自上而下查找、解释并执行ASP页中包含的服务器端脚本命页中包含的服务器端脚本命令,处理的结果是生成令,处理的结果是生成HTML文件,并将文件,并将HTML文件送回文件送回Web服务器。服务器。q Web服务器将服务器将HTML发送到客户端计算机上的发送到客户端计算机上的Web浏览器,然后由浏览器,然后由浏览器负责对浏览器负责对HTML文件进行解释,并在浏览器窗口中显示结果。文件进行解释,并在浏览器窗口中显示结果。ASP简介简介qASP的运行环境的运行环境q服务器端服务器端 硬件方面硬件方面:必须在计算机上安装网卡,至少要安
11、装一个虚拟网卡。必须在计算机上安装网卡,至少要安装一个虚拟网卡。软件方面:必须安装软件方面:必须安装TCP/IP协议和服务器软件。协议和服务器软件。服务器软件可作如下选择:服务器软件可作如下选择:(1)Windows 2000+IIS5.0(Internet 信息服务管理器信息服务管理器5.0)(2)Windows XP+IIS5.0(Internet 信息服务管理器信息服务管理器5.0)(3)Windows 98+PWS4.0(Personal Web Server 4.0)q客户端:安装普通的浏览器即可客户端:安装普通的浏览器即可qWeb服务器的安装服务器的安装 Windows 2000
12、Server在安装的过程中会自动安装在安装的过程中会自动安装IIS 5.0,而,而Windows 2000 Professional和和Windows XP则不会,必须用添加则不会,必须用添加Windows组件的方式另行安装。组件的方式另行安装。安装与配置安装与配置ASP运行环境运行环境单击单击“开始开始”|“设置设置”|“控制面板控制面板”命令,打开命令,打开“控制面板控制面板”窗口窗口。双。双击击“添加或删除程序添加或删除程序”图标,打开图标,打开“添加或删除程序添加或删除程序”对话框。对话框。用鼠标单击左边的用鼠标单击左边的“添加添加/删除删除Windows组件组件”图标,打开图标,打开
13、“Windows组件组件向导向导”。在indows 2000中安装IIS 选中选中“Internet信息服务(信息服务(IIS)”选项选项单击单击“下一步下一步”按钮,即开始安装所选组件。按钮,即开始安装所选组件。方法方法1:使用:使用IIS管理器创建虚拟目录管理器创建虚拟目录【例例1-1】设置设置“D:aspsam”文件夹为虚拟目录,用文件夹为虚拟目录,用aspsam作为别名。作为别名。操作步骤如下:操作步骤如下:单击单击“开始开始”|“设置设置”|“控制面板控制面板”命令,打开命令,打开“控制面板控制面板”窗口。窗口。双击双击“管理工具管理工具”图标,打开图标,打开“管理工具管理工具”窗口
14、。窗口。在在“管理工具管理工具”窗口中,选择窗口中,选择“Internet信息服务快捷方式信息服务快捷方式”图标并图标并双击,打开双击,打开“Internet信息服务信息服务”窗口。窗口。在在“Internet信息服务信息服务”窗口中右击窗口中右击“默认网站默认网站”,从弹出的快捷菜,从弹出的快捷菜单中选择单中选择“新建新建”|“虚拟目录虚拟目录”命令,打开命令,打开“虚拟目录创建向导虚拟目录创建向导”对话框。对话框。创建虚拟目录创建虚拟目录 所谓虚拟目录,就是指在物理上未包含在主目录下的特定文件夹,但所谓虚拟目录,就是指在物理上未包含在主目录下的特定文件夹,但IIS却将其视为包含在主目录下的
15、目录。却将其视为包含在主目录下的目录。在在“别名别名”文本框中输入虚拟目录的名称。文本框中输入虚拟目录的名称。单击单击“下一步下一步”按钮按钮点击点击“浏览浏览”按钮,选择要建立虚拟目录的按钮,选择要建立虚拟目录的实际文件夹。实际文件夹。单击单击“下一步下一步”按钮,设置虚拟目录的按钮,设置虚拟目录的访问权限。再单击访问权限。再单击“下一步下一步”按钮,在按钮,在对话框中单击对话框中单击“完成完成”按钮即可。按钮即可。方法方法2:使用资源管理器创建虚拟目录:使用资源管理器创建虚拟目录【例例1-2】设置设置“E:asp”文件夹为虚拟目录,用文件夹为虚拟目录,用aspinfo作为别名。作为别名。操
16、作步骤如下:操作步骤如下:在在“我的电脑我的电脑”或或“资源管理器资源管理器”中选择中选择“E:asp”文件夹,右击并文件夹,右击并选择选择“共享和安全共享和安全”命令,打开命令,打开asp属性对话框。属性对话框。选择选择“web共享共享”选项卡选项卡选择选择“共享文件夹共享文件夹”单选按钮,弹出单选按钮,弹出“编辑别名编辑别名”对话框。对话框。在在“别名别名”文本框中输入别名,文本框中输入别名,并设置虚拟目录的访问权限并设置虚拟目录的访问权限单击单击“确定确定”按钮即可。按钮即可。编写编写ASP文件的步骤如下:文件的步骤如下:|编写编写ASP文件文件|保存保存ASP文件文件|运行浏览运行浏览
17、ASP文件文件【例例1-3】编写一个编写一个ASP动态网页,用以显示用户访问该页面的时间。动态网页,用以显示用户访问该页面的时间。第一步:新建第一步:新建ASPASP文件文件在记事本程序窗口中或利用在记事本程序窗口中或利用Dreamweaver,输入以下内容:,输入以下内容:编写一个简单编写一个简单ASP文件文件ASP动态网页示例动态网页示例访问本页的时间是:访问本页的时间是:用于显示在服务器上处理该页的时间。用于显示在服务器上处理该页的时间。第二步:保存第二步:保存ASP文件文件将文件保存在将文件保存在“D:aspsamchapter1”文件夹下,命名为文件夹下,命名为1_1.asp。第三步
18、:运行浏览第三步:运行浏览ASP文件文件在在Internet Explorer浏览器窗口的地址栏中输入测试页的浏览器窗口的地址栏中输入测试页的URL,然后,然后按按Enter键。如果在本地计算机上运行,则可以在地址栏里输入键。如果在本地计算机上运行,则可以在地址栏里输入http:/localhost/aspsam/chapter1/1_1.asp,按,按Enter键即可看到运键即可看到运行的结果行的结果。qWeb的全称是的全称是World Wide Web(简称(简称(1)调试调试ASP的运行环境。的运行环境。(2)编写一个简单的编写一个简单的ASP动态网页,在其中显示动态网页,在其中显示来访
19、日期和时间,并在来访日期和时间,并在IE浏览器中运行该网页。浏览器中运行该网页。(提示:日期提示:日期date()时间时间time()19第第 2 章章 HTML语言语言20q熟悉熟悉HTML文档的基本结构文档的基本结构q掌握基本的掌握基本的 HTML 标记标记q掌握列表标记的使用掌握列表标记的使用q掌握超级链接标记的使用掌握超级链接标记的使用21超文本HTML 简介提供链接到其他页面或同一页面的其他位置的文本标记用来控制页面的内容及显示格式 语言HTML 可用于:控制页面和内容的外观发布和检索联机文档创建联机表单插入诸如音频剪辑和视频剪辑等对象22HTML 文档结构Web页的标题 欢迎来到
20、HTML 世界HTML 文档头部部分主体部分标签标记 HTML 文档的开始和结束这部分包括标题和其他说明信息。包括在 标签内这部分包含文本、图像和链接。它包括在 标签内23 BODY标记的属性 设置网页的背景色为黄绿色,设置网页的文本颜色属性为蓝色 主体标记主体标记属性提供有关元素的附加信息值 属性之间无先后次序,属性也可省略(即取默认值),标记的属性值需要用双引号或单引号括起来。分配给属性的内容24META 标记vMETA 标记是一个特殊的 HTML 标记,提供有关网页的信息,如作者姓名、公司名称和联系信息等v许多搜索引擎都使用 META 标记信息v例如,要将 Graham Browne 指
21、定为作者,则使用以下 META 标记:25vhttp-equiv 属性可用来代替 META 标记中的 name 属性 属性值:具体的过期时间属性名称:网页过期 表示每隔2秒,自动刷新网页 演示:自动刷新的例子26设置文本格式 v标题 v段落v换行符v字体v字符格式化v特殊字符v水平线27设置标题第1级标题(H1)第1级标题(H2)第1级标题(H3)第1级标题(居左)第1级标题(居中)第1级标题(居右)H1 到 H6 标记用于指定不同级别的标题标题标记Hn28换行、分段标记的使用输入第一行文本。输入第二行文本。输入第三行文本。输入第四行文本。标签用于标记段落分段与换行标记只要在文本中放入 标记,
22、就会强制换行29设置字体、字号和颜色标记设置字体、字号和颜色标记设置字体、字号和颜色设置文字的属性1号字青色2号字绿色3号幼圆桔黄色4号隶书深红色5号黑体棕色6号方正舒体水蓝色7号华文彩云蓝色 可以按名称或十六进制值指定颜色可以为字体指定的大小范围为从 1 到 7可以指定一列字体,各字体间用逗号分隔。浏览器以最先找到的字体显示文本 元素及其相关属性(如 SIZE、COLOR 和 FACE)可用于控制网页上文本的显示 30学习 HTML这很有趣足球是最令人喜爱的运动之一。信息技术是发展的关键。水的分子式是 H 2 O。3 2 等于 9。字符格式化标记字符格式化标记此标记用于对文本应用各种格式,如
23、粗体、斜体、下划线、下标、上标等31插入特殊字符插入特殊字符v某些字符在 HTML 中具有特殊意义,如小于号(空格;32特殊字符特殊字符字符实体字符实体大于号()>小于号()<引号(“)"®©&号&常用特殊符号的实体名称常用特殊符号的实体名称33使用水平线使用水平线 水平线段标记的应插入水平线 标记属性标记属性 alignSizeWidthColorNoshade 标记用于在页面上插入水平线 34列表标记列表标记v列表用于按逻辑方式对数据分组 玫瑰花向日葵兰花苹果桔子水仙芒果水果苹果 芒果桔子花卉水仙兰花向日葵玫瑰花35列表类型:无序列表列表类型
24、:无序列表星期中的每一天星期日星期日星期一星期一星期二星期二星期三星期三星期四星期四星期五星期五星期六星期六无序列表也称为“项目列表”无序列表的属性无序列表的属性n=discn=circlen=squere36星期中的每一天星期日星期一星期二星期三星期四星期五星期六 列表类型:有序列表 有序列表的属性有序列表的属性TYPE=1TYPE=ITYPE=iTYPE=ATYPE=a有序列表是在各列表项前面显示数字或字母的缩排列表 37 标记用于在 HTML 文档中插入图像。标记的两个常用属性是 SRC 和 ALIGN。SRC 属性用于指定要插入的图像位置。ALIGN 属性用于指定图像相对于文本的对齐方
25、式。插入图像插入图像38插入图像插入图像动物世界让我们看看这些可爱的动物底部对齐顶部对齐居中对齐 39创建超级链接创建超级链接目标端点可以是任意类型的网络资源,例如可以是一个网页、一幅图像、一首歌曲、一段动画或一个应用程序等 超链接是由源端点到目标端点的一种跳转源端点可以是网页中的一段文本或一幅图像等按照目标端点的不同,网页中的超链接可以分为文件链接、锚点链接、E-mail链接和空链接。40要链接到另一目录(D:example)下的页面,可编写 或 要链接到同一目录(D:html)下的页面,可编写 或 D:html 目录D:example目录绝对和相对路径名Doc1.htmDoc3.htmDo
26、c2.htmDoc4.htm绝对路径名绝对路径名相对路径名41创建文件链接 v文件链接的目标端点是网页中的一个文件 vHTML 的 A标记标记用于创建文件链接 文本或图像必选项,用于指定目标端点的URL地址。可选项,用于指定指向超链接时所显示的标题文字 用于设定目标资源所要显示的窗口。可选值为:_blank,_parent,_self,_top,框架名称。42创建锚点链接创建锚点链接r链接到同一文档的某个部分|锚点标记用于使用户“跳”到文档的某个部分|HTML 的 NAME 属性用于创建锚标记|为达到这种跳转效果,请在 HREF 参数中使用该标记主题名称主题名称43.狮子斑马印度豹狮子狮子的吼
27、声从八公里之外就能听到!雄狮(很容易从鬃毛识别出雌雄)的重量达 250 公斤。而雌狮则要轻得多,只有 180 公斤。斑马没有任何两匹斑马的斑纹完全一样,因此每匹斑马都是独一无二的。斑马也称为黑白条纹相间的马.演示:锚链接例子44r链接到其他文档的特定位置让我们深入了解一些动物狮子斑马印度豹Animals.htm狮子狮子的吼声从八公里之外就能听到!雄狮(很容易从鬃毛识别出雌雄)的重量达 250 公斤。而雌狮则要轻得多,只有 180 公斤。Animaldetails.htm45创建电子邮件链接创建电子邮件链接海豚充分交流,密切配合据说,海豚的交流模式几乎与人类的一样复杂!请将您的疑问发送至 Dav
28、id Fernandezv通过邮件链接可以启动电子邮件客户端程序(如OutLook或FoxMail等),并允许访问者向指定的地址发送邮件。46本章小结本章小结rHTML 标记一般配对使用,不区分大小写r标记都具有属性。属性提供关于网页上 HTML 元素的附加信息rMETA 标记放置在网页的标题处以提供关于页面的信息。搜索引擎常会用到这些标签r标题级标记使用r段落标记使用r无序列表使用标记,有序列表使用标记r字体标记r超链接标记超链接文本47第第2章章 HTML语言48回顾v自动刷新功能应使用哪个HTML标记?vHTML标记区分大小写吗?v段落标记和换行标记有什么区别?v字符标记有哪些常用属性?
29、v使用图片标记显示图片q.jpg,如何写HTML代码?v写HTML代码时,空格用什么表示?v显示如下所示的列表,如何写HTML代码:您认为乔丹的血型是?A.A型 B.B型 C 以上都不对v显示如下所示的超链接,如何写HTML代码:请查看Microsoft微软中国49r用用 HTML HTML 代码创建表格代码创建表格r用用 HTML HTML 代码代码创建表单创建表单 r用用 HTML HTML 代码代码创建框架创建框架学习目标50表格行列列标题在 HTML 文档中,广泛使用表格来存放网页上的文本和图像单元格表格标题51使用表格 姓名 性别 分数 Robert M 80 .创建表格 代表表格的
30、开始,border=2表示边框尺寸为2表示行,这是表格的第一行,有三列数据,代表列 表格的第二行,有三列数据表格的第三行,也有三列数据52学员档案信息 姓名 性别 分数 Robert M 80 .表格的标题表示表格标题表示行或列标题,粗体显示 表格的第二行,有三列数据表格的第三行,有三列数据53 学员档案信息 姓名 性别 分数 Robert M 80 .表格的对齐方式整个表格居中姓名列默认左对齐 性别列居中 分数列右对齐 54 学员档案信息 姓名 性别 分数 Robert M 80 Mary F 18 表格的背景色和尺寸设置 表格的颜色设置:表格的背景色 行的背景色 列的背景色 颜色值可以采用
31、 RGB(red/green/blue)红绿蓝十六进制值表示,如红色#FF0000,或是一些预定义色彩名称:red,blue,yellow等。表格的尺寸设置:例如:表示一个长为200像素,宽为100像素的表格。表示一个宽为窗口的20%,高为窗口的10%的表格。1880分数FM性别MaryRobert姓名学员档案信息55METHOD=“post或get”ACTIONMETHOD指定提交后由服务器上哪个处理程序处理指定向服务器提交的方法:一般为post或get方法,post方法比较安全 ACTION=“URL”创建表单v表单是用来收集站点访问者信息的域集。vHTML 的 FORM标记用于创建表单
32、56添加输入型表单控件添加输入型表单控件Type此属性指定元素的类型。元素类型可以有多种选择:TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN 和 BUTTON。默认选择为 TEXT。Name此属性指定控件的名称。例如,如果表单中有几个文本框,则可以用名称 TEXT1、TEXT2 或选择的任何名称来标识它们。Name 属性的作用域是在 FORM 元素内。Value此属性是可选属性,它指定控件的初始值。但是,如果 TYPE 为 RADIO,则必须指定一个值。Size此属性指定控件的初始宽度。如果 TYPE 为 TEXT 或 PASSWOR
33、D,则控件的大小以字符为单位。对于其他输入类型,宽度以像素为单位。Maxlength 此属性用于指定可在 TEXT 或 PASSWORD 元素中输入的最大字符数。Checked此属性是 Boolean 属性,指定按钮是否是打开的。当输入类型为 RADIO 或 CHECKBOX 时,使用此属性。文本框、按钮、单选按钮、复选框等都是输入型元素。57身份证号TEXT(文本)密 码:请填写您的工作经历58性别:男性女性单选按钮和复选框 你喜欢以下哪些明星:酒井法子 郑秀文 BonJovi59 BUTTON(按钮)Type 属性:属性:submit:提交按钮reset:重置按钮button:普通按钮60
34、2004 年欧锦赛预测“最佳球员”RonaldoBeckhamZidane预测大赛亚军巴西法国阿根廷预测谁将成为 2004 年欧锦赛冠军?阅读代码,请问网页中的显示结果?61下拉菜单 谁是 2002 年世界杯冠军?西班牙法国巴西德国列表选项62框架 广告栏顶部框架(top.htm)内容详细介绍右侧框架(main.htm)目录导航左侧框架(left.htm)63创建框架演示如何做上述框架?64小结小结 表格标题 数据1 数据2 .数据11 数据22 v表格的一般语法:65 文本框文本框 密码框密码框 文本域文本域 单选按钮单选按钮男性 复选框复选框酒井法子选项1选项2.v表单的一般语法:66v框
35、架 顶部窗口显示广告 top.htm显示详细内容main.htm左侧窗口显示导航链接left.htm67第第 3 章章 VBScript 语言语言68回顾v要求密码文本框不超过10个字符,请补全HTML代码。密码 v下面有关单选按钮的HTML代码正确吗?女v按钮分为哪三类,类型(type)分别是?v下拉列表框中显示的超级女生是?最佳超级女生是1号2号3号69学习目标学习目标r掌握在掌握在HTML 中嵌入中嵌入VBScript 的方法的方法r掌握掌握VBScript的数据类型、变量、常量及数组的定的数据类型、变量、常量及数组的定义及使用方法义及使用方法r掌握掌握VBScript运算符的使用运算符
36、的使用r掌握条件语句、循环语句以及过程和函数的定义与掌握条件语句、循环语句以及过程和函数的定义与调用,应达到调用,应达到“领会领会”和和“简单应用简单应用”的层次的层次r掌握常用文档对象的主要属性、方法及事件掌握常用文档对象的主要属性、方法及事件r能够使用能够使用VBScript编写客户端应用程序编写客户端应用程序70什么是VBScriptqVBScript的全称是的全称是Microsoft Visual BASIC Scripting Edition,它是程序开发语言,它是程序开发语言Visual BASIC的子集。它是一种脚本语言。的子集。它是一种脚本语言。q在在ASP中,可以直接使用中,
37、可以直接使用VBscript来进行来进行ASP程序的开发。程序的开发。qVBScript既可作为客户端脚本语言嵌入到既可作为客户端脚本语言嵌入到HTML中,也可作为中,也可作为Web服务器端脚本语言。服务器端脚本语言。71在HTML页面中添加VBScript代码 v可以使用 Script 标记将 VBScript 代码插入 到HTML 文档,方法如下:取值可以是取值可以是“VBScript”或或“JAVAScript”指定与脚本代码指定与脚本代码相关联的事件相关联的事件指定与事件指定与事件相关联的对象相关联的对象 72VBScript 代码document.write 欢迎来到 VBScrip
38、t 世界尽情享受学习的快乐!脚本代码设置语言73VBScript的数据类型的数据类型rVBScript只有一种数据类型,即Variant。rVariant是一种特殊的数据类型,根据其包含的数据信息类型确定其具体的数据类型,如果包含的为字符串数据,它就是字符串数据。如果包含的为整型数据,它就是整型数据。rVariant包含的基本数据类型称为子类型 子类型子类型描述描述EmptyEmpty未初始化的未初始化的VariantVariant。对于数值变量。对于数值变量,值为值为0 0;对于字符串变量,值为;对于字符串变量,值为“”NullNull不包含任何有效数据的不包含任何有效数据的VariantV
39、ariantBooleanBoolean包含包含TrueTrue或或FalseFalseByteByte包含包含0 0255255之间的整数之间的整数IntegerInteger包含包含-32,768-32,76832,76732,767之间的整数之间的整数CurrencyCurrency-922,337,203,685,477.5808-922,337,203,685,477.5808922,337,203,685,477.5807922,337,203,685,477.5807之间的数之间的数LongLong包含包含-2,147,483,648-2,147,483,6482,147,483
40、,6472,147,483,647之间的整数之间的整数SingleSingle单精度浮点数,负数单精度浮点数,负数-3402823E38-3402823E38-1401298E-45-1401298E-45;正数;正数1401298E-451401298E-453402823E383402823E38DoubleDouble双精度浮点数,负数双精度浮点数,负数-179769313486232E308-179769313486232E308-3956065645841247E-324-3956065645841247E-324;正数正数3956065645841247E-324395606564
41、5841247E-324179769313486232E308179769313486232E308DateDate(TimeTime)包含表示日期的数字,日期范围从公元包含表示日期的数字,日期范围从公元100100年年1 1月月1 1日日99999999年年1212月月3131日日StringString包含变长字符串,最大长度可为包含变长字符串,最大长度可为2020亿个字符亿个字符ObjectObject包含对象包含对象ErrorError包含错误号包含错误号74r普通常量普通常量 普通常量分为字符串常量和数值常量两种。普通常量分为字符串常量和数值常量两种。字符串常量简称字符串,它由一对双
42、引号括起来的字符序列所组成字符串常量简称字符串,它由一对双引号括起来的字符序列所组成,例如,例如,“ASP动态网页设计动态网页设计”,“Microsoft Explorer浏览器浏览器”。数值常量分为整数和浮点数。数值常量分为整数和浮点数。r符号常量符号常量 符号常量是用一个标识符表示的常量,用于代替数字或字符串,其符号常量是用一个标识符表示的常量,用于代替数字或字符串,其值从不发生改变。值从不发生改变。用户可以通过用户可以通过Const语句来声明常量。语句来声明常量。VBScript常量常量例如:例如:Const PI=3.1415926 Const Birthdate=#1970-06-1
43、8#Const Title=“ASP动态网页设计动态网页设计”75声明变量声明变量 DIM a“DIM”用于声明变量的关键字用于声明变量的关键字“a”变量名变量名a=10声明多个变量声明多个变量 DIM x,y,zDIM x,y,z赋值赋值VBScript变量变量76VBScript变量变量v变量名命名规则v第一个字符必须是字母;v不能包含嵌入的句点(.);v长度不能超过255个字符;v在被声明的作用域内必须唯一;v不能与VBScript的关键词相同。77变量 a、b 和 c 只能在其各自的过程中被访问 变量的作用域变量的作用域脚本脚本过程sub1局部变量a过程sub2局部变量b过程sub3局
44、部变量c可由过程 1、过程 2和过程 3访问全局变量 gg在过程中声明变量,具有局部作用域并被称为过程级变量。在过程在过程中声明变量,具有局部作用域并被称为过程级变量。在过程之外声明变量,称为脚本级变量,具有脚本级作用域。之外声明变量,称为脚本级变量,具有脚本级作用域。78VBScript中的运算符中的运算符 v运算符对一个或多个变量或值(操作数)进行运算,并返回一个新值v根据所执行的运算,运算符可分为以下类别:v算术运算符v连接运算符v比较运算符v逻辑运算符79算术运算符算术运算符运算符描述示 例+用于计算两个数之和5+8=13-用于计算两个数值的差8 5=3*用于计算两个数相乘5*19=9
45、5/用于计算两个数值相除19/5=3.8用于计算两个数值整除195=3用于计算数的指数次方23=8MOD用于计算两个数值相除并返回余数10 MOD 3=1算术运算符用来执行简单的算术运算算术运算符用来执行简单的算术运算80v连接运算符是将两个或更多字符串连接起来,生连接运算符是将两个或更多字符串连接起来,生成一个新的字符串。成一个新的字符串。vVBScript只有一种连接运算符,即只有一种连接运算符,即“&”。v语法格式:语法格式:&连接运算符连接运算符例如:例如:ABC123&666xyz 连接后结果为:连接后结果为:ABC123666xyz计算机计算机&世界世界 连接后结果为:连接后结果为
46、:计算机世界计算机世界“12345”&“abcd”&“xyz”连接后结果为:连接后结果为:12345abcdxyz81比较运算符运算符运算符说说 明明示示 例例返回值返回值=等于。等于。如果两个操作数相等,则返回真。如果两个操作数相等,则返回真。21+5=18+6True不等于。不等于。如果两个操作数不相等,则返回真。如果两个操作数不相等,则返回真。21+516+8False大于。大于。如如果果左左边边的的操操作作数数大大于于右右边边的的操操作作数数,则则返返回回真。真。12+3 11+3True小于。小于。如如果果左左边边的的操操作作数数小小于于右右边边的的操操作作数数,则则返返回回真。真。
47、12+3 11+3False=小于等于。小于等于。如如果果左左边边的的操操作作数数小小于于或或等等于于右右边边的的操操作作数数,则返回真。则返回真。12+3=大于等于。大于等于。如如果果左左边边的的操操作作数数大大于于或或等等于于右右边边的的操操作作数数,则返回真。则返回真。1 2+3=11+3True比较运算符用于比较两个表达式,返回的值为True或False。82逻辑运算符运算符运算符说说 明明示例示例返回值返回值and只只有有当当两两个个表表达达式式同同时时为为真真时时,才返回真。否则,返回假。才返回真。否则,返回假。(53)And(9=6)Trueor如如果果其其中中一一个个表表达达式
48、式为为真真,或或两两个个表表达达式式同同为为真真,则则返返回回真真。否否则,返回假。则,返回假。(53)Or(93)False逻辑运算符用于构成逻辑表达式,从而实现逻辑判断功能。逻辑运算符用于构成逻辑表达式,从而实现逻辑判断功能。83If condition Then statements Else elsestatements If语句的单行形式语句的单行形式条件语句条件语句If condition Then statementsElse elsestatementsEnd If 语法:语法:语法:语法:If语句的块形式语句的块形式vIf.Then.ElseIf.Then.Else语句语句v
49、If.Then.Else简称简称IfIf语句,用于计算条件是否为语句,用于计算条件是否为TrueTrue或或FalseFalse,并,并根据计算结果指定要执行的语句。根据计算结果指定要执行的语句。vIf.Then.ElseIf.Then.Else语句有两种形式:即单行形式和块形式。语句有两种形式:即单行形式和块形式。例如:例如:if ab Then max=a Else max=b End If 84If condition Then statementsElseIf condition-n Then elseifstatements Else elsestatementsEnd If 语法:
50、语法:If语句的嵌套格式语句的嵌套格式 85Select Case testexpressionCase expressionlist-1 statements-1Case expressionlist-2 statements-2 .Case Else elsestatementsEnd Select语法:语法:vSelect Case语句语句vSelect Case语句提供了语句提供了If.Then.Else结构的一个变结构的一个变通形式,可以从多个语句块中选择执行其中的一个。通形式,可以从多个语句块中选择执行其中的一个。86v循环语句的作用是重复执行程序代码。循环语句的作用是重复执行程序