《ASP动态网页设计方案》

《ASP动态网页设计》电子教案ﻬ第一讲AＳP的系统运行环境教学重点：1、AＳP动态网页的工作基本原理;2、Wiｎｄows20０0Ｓerveｒ/XPＩＩS的安装与配置；教学要求:1、熟知有关ASＰ的基本概念和工作原理,如ASP、HＴＭL、静态网页、动态网页、HTTP、ＰＷS、IＩＳ、IP地址等；理解静态网页和动态网页的区分。2、娴熟掌握ASＰWeb服务器的安装与运行环境的配置，格外是在Winｄｏws２０00Ｓｅrｖｅr系统中ＩＩS的安装与配置；熟知WEB服务器根名目的设置和主页文件的命名。3、熟知ＡＳＰ文件的基本格式；娴熟运用Dreａmｗｅavｅｒ编辑ASP动态网页源代码;娴熟掌握使用本机IE扫瞄器调试ASP程序的方法。教学内容1、关于网站的有关术语与知识Ｗeb服务器：存储和管理供应全球各地用户扫瞄网页的服务器,软件支持如：运行在windoｗs20００ｓever系统上的ＩＩS，运行在unix系统上的apachｅ等;客户端扫瞄器：通过在地址栏中输入Weｂ服务器地址从而访问Web服务器的软件；目前主要是ＩｎternetEｘplorer(ＩＥ）和Nｅｔsｃape;HＴML：超级文本标记语言(HｙｐｅｒtextMark-upLaｎｇuagｅ）标准的文本文件，不是编程语言,而是一种描述性的标记语言;如:＜fｏnｔfａcｅ＝"宋体"ｓize＝4ｃｏｌor=”#FF0000”>安徽工业职业技术学院〈/fｏnｔ＞;HTＴP：（HypeｒtextＴranｓｆｅrｓPｒoｔocol)超级文本（超级链接）的传输协议，是TＣP/ＩＰ协议的一部分;这个协议管理Web扫瞄器如何向Web服务器恳求文件,以及服务器如何将文件发送回来。ＦTP：（FileTrａnｓferｓPｒoｔoｃol）文件传输协议，在互联网上上传或下载文件的协议;通常需要输入ＩＰ地址、用户名、密码等;IIS：（InｔernetInｆorｍaｔｉonSｙｓteｍ）Iｎtｅrnｅｔ信息服务器，用于配置和管理WＥB站点的软件；能响应客户端用户的恳求从而下载网页到客户端；IP地址：用于标识互联网上各类计算机和服务器的唯一地址，其由32位二进制组成，分成四段,每段8位，如:1９2.16８．0.１；子网掩码：用于通过与IP地址进行“与"操作来推断某两个IP地址是否位于同一个网内,如果在一个网内，则在网内查找,否则将数据包发送到路由器到外网查找;域名：是替代枯燥乏味的IP地址的一种分层次的表示方式；如：HYPＥＲLＩNK”http:／/www。ａhｉ＂wｗw．ahｉ；HYＰERLIＮK”http://wwｗ.yaｈoｏ.ｃom.ｃn＂wｗw。ｙahｏo。coｍ．cｎ;域名服务器DNＳ:将域名解析为IP地址的服务器（简略原理可参考有关网络类书籍）;2、何为ASＰ？ＡＳＰ是ＡctiveServｅrＰａges的简称，是微软公司开发的一套服务器,在这种环境中,通过在标准的HＴML网页中嵌入和使用ＡＳP内建对象和可安装组件AcｔｉveＸ组件,并结合VＢScript或JavaSｃrｉpt编程,即可建立动态的、交互的、功能强大的Ｗeb页面.主要运行于WiｎdoｗsＮT或Windows２000seｒveｒ平台，其服务器为IIS4．0/５．0；扩展名为：。ａsp;3、ASP的执行方式静态网页：在客户端扫瞄地址栏目中键入某个网址,它会向Wｅb服务器发送一个HTＴP恳求消息（包含消息头和消息体）；ＨＴＴP恳求的第一行如下所示：GET/hｔtp：/／wｗw。soｈｕ.com/ａ．ｈｔmＨＴTP／1．1这一行指定了一个被称为（methｏd）的HTTP命令、文档的地址、HＴTP协议的版本，还有一些有关扫瞄器的信息。Web服务器接收恳求，处理恳求,并发出响应。HTTP响应的第一行如下所示：HTTＰ/1.1200ＯK状态码为“20０"意味着成功，之后还有一些头信息用于指定当前的时间、服务器的类型、数据的类型，其后是所恳求的数据。如果恳求的页面文件的扩展名为ＨTM或HＴML，则服务器直接从硬盘中读取所恳求的页面文件，然后将其传送给客户端扫瞄器，客户端扫瞄器收到服务器传送的网页代码后,然后对其解释执行,从而显示网页的内容。IE浏览器（客户端）IE浏览器（客户端）服务器IIS（ASP）/a.htmhttp请求窗口下载a.htm解释HTML网页元素<table><table><tr><td>安徽……<td><tr></table>……<scriptlanguage=”javascript”>……</script>动态网页：若扩展名为．ASP，从服务器中读取出所恳求的文件,然后对其ASＰ脚本代码进行解释执行,生成新的HＴMＬ格式，与非ASＰ代码部分结合,产生动态的HTＭL网页,并且可以一些供应高级服务(数据库的存储、电子邮件的发送等）。Web服务器Web服务器IIS（ASP）执行ASP部分Oldhtml<%……%>OldhtmlIE浏览器（客户端）Newhtml窗口http请求/a.aspOldhtml解释html网页元素数据库服务器（DB）邮件服务器（smtp）提示:服务器与客户端的位置关系有三种:1、在同一机器中（localｈost或12７.0。０.1）２、在局域网中３、在互联网中４、AＳPWeb服务器的安装与配置（实验指导1）掌握面板》》》添加和删除程序》》》添加和删除wiｎdows组件》》》Ｉnｔerｎet信息服务》》》将系统盘放入光驱中，安装后在“管理工具"中消灭Iｎteｒｎet信息服务器即可;主要需要配置Ｗeｂ服务器的根名目和默认主页文件。运行DreaｍwｅaverＭＸ2004建立站点，完成相关的设置，其中根名目与IIS中全都,并使用服务器技术;５、程序举例(cｈapter01／myfirsｔｐａge.aｓp、sｈｏｗｄaｔe.aｓp)//ｍyfｉｒstpａｇe．asp＜%@LAＮGUAGE="ＶＢＳCRＩPT"ＣOＤEPＡＧE＝”936"%＞〈ｈtml＞〈heａd>〈metａhttｐ—equiｖ=”Ｃoｎｔent—Type"ｃontｅnt＝＂tｅxt/ｈtml；chａrｓet＝gb２31２"/><ｔｉｔlｅ＞无标题文档</title>〈／ｈead＞<body＞〈ｈ1＞我是张山,大家好！我的Web服务器配置好了,我的IP地址是１９2．１68.０．1。请访问吧！这是我的第一个ＡSP网页!〈／ｈ1〉〈/ｂｏｄy＞〈／html＞／／ｓhowｄatｅ.asp〈％@LＡNGUAGE＝＂ＶＢSCRIPＴ"COＤEPAGE=”9３６"%>〈html>〈heaｄ〉＜mｅtahtｔp—ｅｑuiv＝”Coｎtｅｎｔ－Type＂coｎｔent＝”tｅxｔ/ｈｔmｌ;chaｒｓet＝ｇb2３１2”>〈title〉无标题文档</ｔiｔｌe><／hｅad＞〈ｂｏdy＞<taｂｌewｉｄｔh="３７5＂bｏrｄer=”0＂aｌiｇn=”center”ｃeｌlpａddｉnｇ=＂０”ｃellｓｐaｃiｎg=”0＂〉＜tｒ＞〈ｔdwiｄth="1７8＂>现在日期：</td>＜tdwiｄtｈ=＂１97”><％=noｗ％＞<／ｔd>〈／tｒ〉＜/ｔabｌe><／body＞</hｔmｌ>课后问题:请在有关书籍中或Intｅrneｔ中查找并补充有关网络有关概念和术语的简略内容;现在有一家民营企业盼望在互联网中拥有自己的网站来宣扬自己的产品,你该做哪些事情呢?能有几种方案？费用多少?3、课后作业:教材中Ｐ１３——1，２ﻬ其次讲ＨTＭＬﻩ基础教学重点：1、ＨTML表单的应用；2、ＣSＳ层叠样式表的应用;教学要求:1、了解HＴMＬ语言与高级语言（如ＶＢ、C等)的区分；识记网页常用标记及属性，如标题、字体、段落、图像、超链接、表格等；２、娴熟掌握HＴＭL表单中各界面对象的标记符号和属性,如表单、文本域、列表域、复选框与单选钮、命令按钮等；３、娴熟掌握在Ｄreamｗeａvｅr中使用层叠样式表CSS;了解层叠样式表与标记属性的区分。教学内容：１、构建HＴMＬ网页(ｃhaｐｔer02/sｅcｔｉon2/hｔmｌpagｅ．asp）<%@LANＧUAGＥ="VＢSＣRIPT＂CODEPＡGE=＂9３６”%>＜htｍl＞＜heａd><mｅtahttp-equiv="Coｎtent—Ｔｙｐｅ＂conｔent=”ｔｅxｔ/ｈｔml;ｃhａｒseｔ＝gb2312"＞〈title〉标题<／title〉＜sｔylｅtyｐe=”text/ｃｓs"＞＜!—－form｛ﻩtｅｘt—aliｇｎ：center；}-－>＜／style＞〈lｉｎkhｒeｆ=＂myｓtylｅ。cｓs"rel＝"ｓtyｌeshｅet＂typｅ=”text/ｃss＂〉〈Scriｐｔｌaｎgｕagｅ=＂ＪａｖaSｃriｐt”＞funcｔiｏncｈeｃkfoｒm（）{函数体}〈/scripｔ＞〈/heaｄ>〈body〉主体部分<／ｂodｙ>＜/html〉2、HＴML标记的特点1、ＨTML是文本文件,标记符号均用<〉括起来,大多数标记成对消灭,结束标记多一个斜杠,其用法见其上；2、标记拥有自己的属性；＜ｆｏntｆａce="宋体”ｓiｚe=4cｏｌor=”＃FＦ０0０0”＞安徽工业职业技术学院〈/font〉3、HTＭＬ标记可嵌套使用,不能交叉；〈ｂ＞〈diｖalｉgｎ＝cenｔeｒ＞＜fｏntcolor=＃ＦＦ00>Actｉveｓeｖｅrpaｇe</fｏnt〉<／dｉv>＜／b＞4、少数标记是单独使用如:＜BR>、<HR〉3、常用标记（图像、超链接和表格)掌握＜metａ〉1、让扫瞄器正确显示不同格式的多媒体文件<ｍetaｈtｔp－eｑuiv＝”ＣoｎｔenｔType"coｎtent=”viｄeo／mpｅg”＞〈mｅtaｈttｐ—eｑuｉv＝”ConｔenｔTypｅ”cｏnteｎt=”audｉo／x—wａv”〉<ｍｅtａhttｐ—ｅｑuｉv=”ContｅntＴypｅ”content＝”iｍaｇｅ/gif">2、定义网页语言（字符集)〈metaｈttｐ－ｅｑｕiv=”CｏntenｔTｙpe"cｏntent="ｉmaｇｅ/gif”＞＜ｍｅtａｈttp—eqｕiｖ="Ｃｏntent—Ｔype”conteｎｔ＝"texｔ／hｔml；ｃhａrｓet=gb2312”>３、定义网页关键字〈mｅtaname＝"ｋeywoｒds＂ｃoｎtenｔ＝”计算机，机电，矿产＂><metａｎamｅ＝＂ａｕthor”cｏntenｔ=＂安徽工业职业技术学院＂〉<metaｎａｍｅ＝＂ｄeｓcrｉptioｎ"content=＂安徽工业职业技术学院是一所工科院校。。。"＞4、将站点自动跳转到另一页<metahttp-eｑｕiｖ=”Ｒeｆｒesｈ"conｔenｔ=”6;ＵRL=ｘｘｘ．htm”＞5、让访问者忽视缓冲页面〈meｔａｈttp-eqｕiv＝”Ｐraｇmａ"coｎtｅnt=”no—cａchｅ”＞〈ｆoｎtfaｃｅ="宋体”sizｅ=４cｏlor="＃FF0000”>安徽工业职业技术学院＜/font〉<ｉmｇｓrc＝”ｉmａges／ｆloｗeｒ．jpｇ”bｏrder=”１"〉〈ahｒｅｆ=”httｐ：/／www。ahip．cｏm”＞安徽工业职业技术学院<／ａ><ahrｅf=”超星阅读。exｅ”>单击此处文件下载＜/a>（chａpter０2/section3／ｄowｎｌoaｄ。aｓｐ)〈tabｌeborder＝＂０”ｂｏｒdｅrcoloｒ=＂＃FF00００＂＞（chaｐtｅr02／sｅｃtioｎ4／myfｏｒｍ．asｐ)<tr＞〈ｔdcｏｌspan=＂２"class=”tｄ１”＞用户注册〈／ｔd〉＜/tr>＜tｒ〉〈tdwｉdth＝”2８９＂class=＂td2”>用户名：〈／td＞〈ｔdｗｉｄth="2９5"class="tｄ2”〉＜inputname="ｕseｒnａme"ｔype="texｔ”id＝"uｓｅrnａme"〉＜/tｄ>〈/tr〉</ｔabｌｅ＞4、ＨTＭL的表单（cｈapｔｅｒ02/sｅｃtion４/myfoｒm。aｓｐ)〈formａctｉon=＂uｓerｌogｉn．ａsp＂metｈｏd=”pｏｓt"ｎame=＂ｌｏｇin">〈/fｏrｍ＞两种表单数据的传递方法：GET和POＳＴ方法GEＴ方法:将表单数据附加在Action属性指定的ＵＲL地址之后，并在ＵRL地址与表单数据间加上一个“？”分割符,表单的各个数据项间用“＆"分割符。HＹPERLINK”http:／／lｏｃalｈｏst/tｅｓt．asp？txｔｉd=0１2&txtusename＝uｃａu＂http：／/lｏｃalhｏsｔ/ｔest。asp?ｔxtid＝0１2&tｘtuseｎaｍe=ucａｕGＥＴ方式一次最多只能提交25６个字符；POST方式是将表单数据作为一个独立的数据块直接发送给服务器；表单中的界面对象单行文本域〈ｉnputnaｍｅ=”ｕｓｅｒnａmｅ＂type＝"texｔ"iｄ＝”userｎame”＞隐藏域〈inｐutnａme=”uｓeｒnaｍｅ＂type＝＂hiｄdeｎ"ｉd＝"uｓerｎａme＂〉口令域〈iｎpｕtname=”userkeｙ1"tｙｐe=”ｐａｓｓｗoｒｄ"iｄ＝＂userｋey１＂>单选按钮＜inpｕｔｎamｅ="sｅx"type="ｒａdiｏ”vａｌue＝＂radｉobuｔｔon"cheｃked〉男＜inputtyｐe＝”rａdio"name="sex＂value＝”radｉｏbutton"＞女列表框<seｌeｃtnaｍｅ＝"ｅｄu＂ｓｉzｅ=＂1＂id＝＂ｅdu”>〈optiｏnvａｌue＝”硕士以上”〉硕士以上＜／optｉｏn＞<ｏｐｔioｎvａluｅ＝"高校本科"＞高校本科〈/opｔiｏｎ〉＜ｏｐtionvalｕe=＂大专”>大专＜/oｐtｉoｎ〉〈oｐtionvaluｅ=”中专以下＂＞中专以下〈/opｔioｎ>〈／ｓeｌｅct〉按钮＜inｐuttyｐe="butｔon"ｎame="Subｍit"ｖａlue＝＂确定"＞<inputtypｅ=”sｕｂmｉt＂name="Submｉt＂vａluｅ=＂登陆＂＞<iｎｐuｔtypｅ=”ｒeｓｅt”ｎaｍｅ="Submit2"ｖaluｅ=＂全部重写＂〉5、HMＬ的其他常用标记；（chapteｒ0２/sectｉoｎ5／dｕomeitｉ．aｓp、mｏvelｅｆｔ.ａsp）多媒体<ｉmｇdynsｒc=＂ｃloｃk。avi＂stａrt＝＂mouｓｅover"〉<ｂｇｓounｄsｒc＝"ｂｇ.ｍｉｄｌｏｏｐ=3><ｍａrｑｕｅeｄｉrｃtion＝upｂehavｉor="scrollｓcrollamoｕnt=滚动速度scroｌldｅlａｙ=滚动延迟时间bgcolｏr＝背景颜色〉滚动的内容〈／ｍarquｅe>6层叠样式表ＣSS(ｃhaｐter0２/ｓection６/mｙfｏrｍ．ａsｐ)层叠样式表(CascａdingStyleSheeｔ)是一系列格式设置规章，它们掌握Web页面内容的外观。术语cａscadｉｎg表示向同一个元素应用多种样式的能力。例如，可以创建一个CＳS规章来应用颜色，创建另一个CSＳ规章来应用边距,然后将两者应用于页面上的同一个文本。所定义的样式向下“层叠”到您的Web页面上的元素，并最终创建您想要的设计。优点１:使用ＣＳS可以格外灵敏并更好地掌握简略的页面外观,从精确的布局定位到特定的字体和样式.CSＳ允许您掌握HＴＭＬ无法独自掌握的很多属性。例如，可以为选定的文本指定不同的字体大小和单位(像素、磅值等)。通过使用CSＳ以像素为单位设置字体大小,还可以确保在多个扫瞄器中以更全都的方式处理页面布局和外观.除设置文本格式外,还可以使用CＳＳ掌握Weｂ页面中块级别元素的格式和定位。例如，可以设置块级元素的边距和边框、其他文本周围的浮动文本等。优点2:它供应了便利的更新功能;更新一处的CSＳ规章时，使用该已定义样式的全部文档的格式都会自动更新为新样式.CSS格式设置规章由两部分组成：选择器和声明。选择器是标识格式元素的术语（如Ｐ、H1、类名或ＩD)，声明用于定义元素样式.在下面的示例中,H1是选择器,介于括号({}）之间的全部内容都是声明：H１｛font－siｚe:１6pixｅls;fonｔ-famiｌy：Ｈeｌｖeticａ；foｎt－weｉｇｈt:bｏld；｝声明由两部分组成:属性（如font－family）和值（如Heｌvetiｃa）。上面的ＣＳS规章为H1标签创建了一个特定的样式：链接到此样式的全部H1标签的文本都将是16个像素大小、Helveｔｉca字体和粗体。在Dreamｗｅａｖer中可以定义以下样式类型：自定义CSS规章(也称为类样式)使您可以将样式属性应用于任何文本范围或文本块。(请参见HＹPERＬＩNK＂１４_tex３６。ｈtｍ”\ｌ”wp48７5９４”应用类样式.）<ｓtｙletypｅ＝”ｔeｘt/ｃｓs＂〉。myｓｔyle｛ﻩfｏnt-famｉlｙ：”新宋体";ﻩfonｔ－siｚe:２４pｘ;ﻩfoｎt－wｅｉght:300；ﻩcolor:＃FＦ０0０0；}＜/sｔｙlｅ〉HＴML标签样式重定义特定标签（如h1)的格式。创建或更改H1标签的ＣＳS样式时，全部用H1标签设置了格式的文本都会立即更新.H1｛foｎt－size：16pixelｓ;foｎｔ-famiｌy：Ｈｅlveticａ;ｆｏnｔ—ｗeigｈｔ:bｏld；}ＣSＳ选择器样式（高级样式）重新定义特定元素组合的格式设置，或重新定义ＣSＳ允许的其他选择器表单的格式设置(例如，每当h2标题消灭在表格单元格内时都应用选择器tdｈ2)。高级样式还可以重新定义包含特定iｄ属性的标签的格式设置（例如,＃mｙStｙle定义的样式可应用于包含属性值对iｄ＝＂myStyle”的全部标签)。〈stｙletype=＂teｘt/cｓｓ”＞〈！－－ｔｄh２｛ ｆoｎｔ—ｆaｍｉly:”宋体"；ﻩfoｎt-sｉze：x－lａrｇｅ;ﻩfont—ｗeiｇｈt：5０0； color：＃000０９９；｝#mysｔyle｛ﻩfont—fａmiｌy：”宋体”;ﻩfont—ｓize：3６px; ｃoｌor：＃FＦ0０００;｝－->＜／ｓtｙｌe＞〈bｏｄy〉＜ｆｏrmｉd=＂ｆoｒm1＂nａme="form1”mｅthｏd＝”ｐoｓt”ａction="”〉＜ｌａｂel><ｉnpuｔtｙpe="ｔeｘt"name=”tｅｘtfiｅｌd”iｄ＝"mystylｅ”/〉＜/lａbel>＜/form>CSＳ规章可以位于以下3个位置：内部（或嵌入式）CＳS样式表是一系列包含在ＨＴMＬ文档文件头部分的sｔylｅ标签内的CSＳ规章。<stylｅtypｅ=＂text/css”＞body｛ﻩｍargin：auto；ﻩpadding-top:100ｐx；ﻩpadding-right:0px；ﻩpadｄｉｎg-bottom：0ｐｘ；ﻩpadｄing-leｆt:０px； backgrｏuｎｄ-colｏｒ：#FFCＣＦＦ；}＜/styｌe〉外部CSＳ样式表是一系列存储在一个单独的外部ＣSＳ（。ｃｓs)文件（并非HTML文件）中的ＣＳＳ规章.利用文档文件头部分中的链接，该文件被链接到Web站点中的一个或多个页面。＜liｎkhrｅf＝"mystyle．cｓｓ＂rel=＂ｓtylesheet”type=”tｅxt/cｓs”>内联样式是在标签的特定实例中在整个HTML文档内定义的。〈ｐstｙle＝"ｌｉｎｅ－heiｇｈt：14.5ｐt；cｏlor：rｅd＂＞这是直接在标记符号中应用的样式的方法</p〉注意：手动设置的HＴＭL格式设置会掩盖通过CSS应用的格式设置.要使CＳS规章能够掌握段落格式，必须删除全部手动设置的HＴML格式.ＣSS样式设置HＹＰＥＲＬIＮK”14＿ｔeｘ50。htm”定义CＳＳ样式背景属性HYPERLINK”１4_tｅｘ52．ｈｔm＂＼ｌ＂ｗp2８593５＂定义ＣSS样式区块属性ＨYPERLＩNＫ＂14_tex53.htm"\l”ｗｐ285972"定义CSS样式方框属性HYPＥRLＩNK”14＿tｅx5４.ｈtm＂\l”wｐ2８6000”定义CＳS样式边框属性ＨＹPERLINK"14_tｅx5５.htm”＼l＂ｗp286026＂定义CSS样式列表属性HYPERLINＫ”14＿tex５６.htm”\l"wp２86055＂定义CSS样式定位属性HＹＰEＲＬIＮK”１4＿tｅｘ5７。htm"＼l"wp2８6０９4＂定义CＳS样式扩展属性课后问题:１、请访问“安徽工业职业技术学院”的首页，查看源代码，在这个页面中使用了哪些HTＭL标记语言,使用了哪些CＳS样式；2、总结描述全部的CＳS样式的应用，对于课堂上没有提到的CＳS样式请查阅Dｒeamweavｅｒ的帮助信息;３、自己制作一个“用户信息注册界面”的表单，运用CＳＳ样式编排其字体、颜色、格式等元素,并给其他同学扫瞄,至少五位同学表示欣赏表示成功；ﻬ第三讲JaｖaScriｐt教学重点:１、ＪavaScｒipt的语法特点，函数的定义、调用，变量的作用域；2、条件掌握语句、循环掌握语句；3、ＪａｖａScript中几个常用对象的应用；教学要求：１、回顾和复习以前C语言的基本语法知识;进一步加深理解Javascrｉpｔ语法知识;2、深刻理解有关函数中变量的作用域和各类掌握语句的功能；3、理解和灵敏运用JａｖaSｃript中常用的几个对象的属性和方法；教学内容:1、什么是JavａScrｉpt？JavａScriｐt是Ｎｅtscaｐe公司推出的一种嵌入HTＭL文档的，基于对象的脚本描述语言。利用它可以进一步的增强网页的交互性、便利操作和掌握各种扫瞄器对象,实现掌握扫瞄器外观、状态和运行方式的目的。利用它还可以实现对用户所输入的数据进行有效性检验，从而减轻服务器的负担。其语法与C语言很相像。２、在网页中使用ＪavaSｃriｐt〈Ｓcripｔlａnｇｕage=＂ｊａvａｓｃript＂＞windoｗ.alｅrｔ（＂欢迎进入”）；</sｃripｔ>如果一段javａscriｐｔ应用到多个网页，可以将其放入到扩展名称为:Jｓ文本文件.在需要使用”JavaＳcｒipt＂的页面中插入方法:（chapｔｅｒ03/secｔioｎ１/jａvaｅxamｐｌe．asp）＜SｃripｔLａnguａge="ＪavaScripｔ＂src=＂jａｖa／jａvａ.ｊs＂＞</ｓcriｐt>3、JａvａScript语法基础1、JavａScripｔ的数据类型JaｖａScriｐt供应四种基本的数据类型,分别为数值型、规律型、字符串型和undefｉned类型２、常量、变量(cｈａｐter03／seｃtion2/matｈexpressioｎ。ａsｐ）〈ｓcｒiｐｔlanｇuage="javascript”＞varnｕｍ=24，id=＂36＂；ｘ＝ｎｕｍ+ｉd；/／Nｕmber(iｄ）结果为60winｄｏw．ａlert（”x的值为:＂＋ｘ）；/／显示的结果为“2４３6”＜/scripｔ>通过上例需要注意的问题:Jａvasｃript语句区分大小写，语句以分号作为结束符号；用／/来注释语句变量需要用vaｒ定义可以给多个变量赋初值；变量的类型转换，数值型转换成字符型进行连接运算；需要用类型转换函数。３、表达式条件表达式（条件）?A:B（chａpter03/sｅｃtiｏn２／lｏｇiｃｅｘprｅsｓion。ａsｐ)<scriｐtlanｇuagｅ=”ｊavａscriｐｔ”〉age=20;mａn=（age>=18）?"adulｔ＂：＂ｍｉnor”;wｉndoｗ。aｌert("ｔhismanisa”+ｍaｎ)；〈／script＞算术表达式、关系表达式(＝=、＝==、>＝、〈=等)、规律表达式（＆＆、||、！等）〈scｒiptlａngｕａgｅ="ｊaｖａsｃrｉpｔ＂〉(ｃｈaｐtｅr0３/seｃtｉoｎ２/ｓameｖａlｕe.asp)ｄｏcｕment.wriｔe（"3"＝=3）;//显示tｒｕeｄｏｃuｍｅｎt.wrｉte("3＂＝==3)；//显示faｌse</scrｉpt＞4、函数：函数的定义：funｃtion函数名（形式参数）｛函数体returｎ表达式}（ｃhapｔeｒ03/sｅｃtion2/usefucnｔｉoｎ.aｓp)函数的调用：格式1：ｖarnaｍe=函数名(实际参数)/／有返回值时用格式２：函数名（参数值）//无返回值时用ＪavａSｃｒipt的函数采纳传值方式进行传递;通常函数的定义是在〈hｅad>＜/hｅａd〉部分举例:（cｈａpteｒ０３/seｃｔion２／passｖalｕe．ａsp）<htmlxmlns＝＂httｐ:／／wwｗ．w３。org/1999/ｘhtml”＞〈head><metaｈttp-eｑｕｉv=＂Ｃｏnｔenｔ－Type＂cｏnｔｅnt=”text/htmｌ；ｃhaｒｓeｔ＝gb2３12＂/＞＜tｉtle＞无标题文档〈/tiｔｌe〉<scriｐｔlaｎｇuage=”ｊaｖａscｒipt">fuｎctｉoncuｂerooｔ(nｕｍ){ｎuｍ=Math．ｐow(num，1／3）ﻩreｔuｒｎnum;}〈/sｃript＞〈/hｅaｄ〉<ｂoｄｙ＞＜scriptlａngｕage=＂javasｃript">varx＝2７winｄow.alerｔ（”2７的立方根为：＂+cuｂeroot（ｘ）+＂,x＝”+x）;</ｓcript〉〈/ｂｏｄy>〈/htｍl>5、变量的作用域作用域是指定变量的存活范围,在JａvaＳcｒipt中，变量的作用域可分为过程级和页面级，其实质都是局部变量;在函数中运用ｖａｒ定义的变量只在函数体内有效，如果消灭同名则屏蔽函数外的变量；如果未用ｖａr定义则使用函数外同名的变量，如果没有同名的函数外变量则此变量在函数外仍然有效。举例:<scripｔlａｎｇｕage＝"jaｖascｒipt＂〉（ｃhaptｅｒ０3/sectｉon2／varrａｎge.asp）varｘ=13,y=29;fｕnｃｔiｏntest（){vａrnum，ｙ=1０；/／去掉num定义,则不会有错ﻩnum=ｘ＋y；ﻩx+＋ winｄow.aｌｅrｔ（”内部的num的值为：”+ｎum)；//显示为２３｝tｅst（)；ｗｉｎdow。alert（”外部的ｎｕm的值为：＂+nuｍ）；//显示错误</script〉6、程序掌握语句条件分支语句：其中的条件取规律值,数值的0为falｓｅ，字符的“”为ｆalseif（条件）｛语句体1；｝ｅlse｛语句体2；}举例：(chａptｅr０3／ｓeｃｔion2/controｌ_iｆ.ａsｐ）〈sｃrｉｐtlangｕagｅ="javasｃript"〉vaｒa=3，b=4,ｃ=＂＂，d=＂abc”，ｅ＝ｔｒuｅ,f＝0;if（a==ｂ）{document.wｒitｅ(＂条件成立！”);//分别用其它变量来代替条件｝else｛ｄｏｃumｅｎｔ.wrｉte("条件不成立!＂）;｝〈/scrｉpｔ＞ｓｗitｃh(表达式）{ｃａse值：语句｝举例：(ｃhａpｔｅr０3／secｔｉｏｎ２／coｎtroｌ_ｓwitch.ａsp)〈sｃriｐtlanguage＝"ｊａｖaｓｃｒipt”>varｃurｄay＝ｎｅｗＤate（）；switch(ｃuｒdaｙ.ｇｅtDaｙ（)）｛casｅ1:ﻩdocｕmｅnt．wｒite(＂星期一”）；breａk；caｓｅ2:ﻩｄocｕment.wriｔe("星期二＂）；ｂreａｋ；case３:ﻩdocumenｔ.wｒite(”星期三＂);ｂrｅaｋ;ｃase4：ﻩdocuｍent.wrｉte（”星期四")；ｂｒｅａk；case5:ﻩｄocｕmenｔ。ｗriｔｅ(”星期五”)；ｂreaｋ；casｅ６： documｅnt．ｗrite（”<foｎtcｏlor＝’ＦＦ0000’>星期六〈／fｏnt>＂）;bｒeak； case０：ﻩｄocumｅｎt.ｗｒｉte(”＜fonｔcｏｌoｒ='FF００00’〉星期日</font>”)；ｂreak;｝＜/ｓcｒiｐt〉循环掌握语句（chａpteｒ03/seｃtｉｏn2/ｃｏntｒoｌ＿fｏr．aｓp）fｏｒ循环〈scriｐtｌangｕagｅ="javａscｒipｔ”〉ｖars＝０；for(vaｒn=２；ｎ<＝1０0；n+＝2）｛s+=n;}docuｍｅnt.ｗrｉｔe(＂1-１0０间偶数的累加和为：＂+s);〈/ｓcｒipt>while(cｈaptｅr03/sｅcｔioｎ2／ｃoｎｔｒｏl＿whｉle.ａsp)〈ｓcｒｉptlａnguagｅ=”jａvａsｃript＂＞varｎ=１;whilｅ（n〈=6）｛documeｎｔ．wｒiｔe（"〈ｈ”+n+”＞JａvａScriｐt＜/ｈ”+n+”＞＜ｂｒ〉”）； ｎ＋+；｝〈/scripｔ＞ｄｏwｈｉlｅ7、内置对象与函数（chapter03/sectｉon3/ｄate_ａrｒay．asｐ）ＪavａSｃriｐt是一种基于对象的脚本语言,每一个对象均有自己的属性和方法，传统的字符串和数学函数变成有关对象的方法；常用的内置对象有striｎg对象、mａｔh对象、arrａｙ和DatｅStrｉｎｇＶaｒ实例名＝newＳtring(“字符串”)；Varmｓg＝”字符串”;属性：msg．lengtｈ方法:charａt（）、ｉｎdｅｘof（)等Ｍａth属性：数学常用的一些常量如:Ｅ、PI等方法:数学常用的函数如：ｓin（a）、ｃos(ａ）、abｓ()等;ＡrｒayVaｒ数组名=ｎｅwArray()；Ｖar数组名＝newArｒay（初值1、初值２等）数组的成员的编号从0开头，DａteＶar实例名＝nｅwDatｅ(）；方法：ｇｅtyear(）/ｇetmｏnth(）/getdａｔe(）/getdａy()/gethoｕｒs(）/gｅtｍinutes（）/gｅｔseｃｏndｓ（)evａl（）函数(cｈａpｔｅｒ０3/seｃtion3/ｅｖal。asp)举例:＜tiｔｌe>无标题文档〈/titlｅ〉<sｃrｉptlａｎguaｇe＝＂javascript”＞ｆuncｔｉｏｎcalcuｌaｔe（oｂｊ）{oｂｊ。ｒeｓuｌt。ｖaｌue=eval(ｏbｊ.exｐressiｏn。vaｌue）；}〈／sｃriｐt>〈／hｅad〉〈boｄy＞＜ｆorｍiｄ＝"frmcａlc＂name=＂ｆrｍｃalc”meｔｈoｄ＝＂post"actiｏn=＂＂〉请输入要计算的表达式<inputｎame="exｐｒession”typｅ=”text"id="ｅxpression＂/＞<ｂr〉表达式的值为:＜inputｎaｍｅ="ｒesult＂ｔype＝"text"id=＂resuｌt”/〉〈br＞<ｉnｐuttype="ｂｕtton"ｎamｅ=＂Submｉｔ＂vaｌｕe＝"计算＂onclｉcｋ=＂calcuｌａｔe（fｒｍｃａlc）”/〉＜/p〉＜/foｒm>课后问题：1、使用ＪａvａScｒipｔ编程实现:依据时间段的不同,在网页中显示不同的问候语，若小时数在12点以前，则输出“早上好!”的问候语;若在12点至18点，则输出“下午好！"；1８点以后输出“晚上好!”.ﻬ第四讲扫瞄器对象教学重点:1、扫瞄器供应的对象；２、JａｖaScｒipｔ语言中的大事处理;教学要求：1、深刻熟识扫瞄器的功能和其供应的各种对象，了解这些对象所供应的各种方法；娴熟在Ｊａｖaｓcrｉpt编程调用扫瞄器中对象实现常用的功能的方法;2、熟识面对对象程序设计的工作原理，了解各类对象的大事响应从而实现动态交互式页面；1、扫瞄器对象ＪaｖａＳcript除了可以访问本身内置的各种对象外,还可以访问扫瞄器供应的对象，通过对这些对象的访问，可以得到当前网页以及扫瞄器本身的一些信息,并能完成有关的操作。扫瞄器窗口与网页之间，网页与网页各组成部分之间并是一种从属关系，他们大关系如下windowswindowsframedocumentlocationlayerhistoryexternalimagesformslinks２、Winｄow对象：该对象位于最顶层，是其它对象的父对象,每一个ｗindｏw对象代表着一个扫瞄器窗口，访问其内部的其它对象：ｗiｎｄow可以省考略Ｗｉndｏw.子对象1.子对象２。属性名或方法名如：wｉndoｗ.ｄocｕment。logiｎ.userｎａmｅ．ｖａlue=”guest”；或doｃｕmｅnt。login．usernａmｅ。vａlue=”gｕeｓt”；属性:ｓｔatus〈sｃriptlanｇuaｇe="jａvaｓcｒipt”＞(ｃｈaptｅr03/section4／winｄowsｔａtuｓ.asp）wiｎdow．staｔus=＂欢迎访问光临本站！”；〈/ｓcｒiｐｔ>方法：(chapter03／ｓection4/wiｎｄowpｒompｔ．ａｓp）ａｌert方法,没有返回值！Coｎfｉrm方法：返回规律值返回按“是”返回ｔｒue，否则返回falｓePrｏmpt：返回输入的值。举例：〈scｒipｔlangｕagｅ="javascripｔ”＞nａｍe＝””;namｅ=ｗindｏｗ。prompｔ(＂请输入你的姓名:”，naｍe）；ｗindoｗ．alert(namｅ+＂你好！下面要开头考试了！"）；if（ｗiｎdow。ｃonfirm(”你确实筹备好了吗？")){ｗiｎdow．locaｔiｏn.ｈｒｅf="exａｍ.asp”；};</ｓcript＞oｐen方法：（cｈapteｒ03/secｔｉon４/winｄowopen。ａsp）用法:ｗiｎhwｎｄ=ｗindｏw.open（url，wｉｎdｏｗｎamｅ，ｐarａlisｔ）〈heａｄ＞〈ｍetａhｔｔp－eqｕiv=”Coｎｔｅnｔ—Tyｐe”content=”teｘt/ｈｔml;ｃharｓet＝ｇb231２＂／〉〈tiｔle＞无标题文档＜/titｌe＞＜sｃripｔｌanｇuaｇe="ｊａｖascriｐt”>functｉonｏpenｗｉn(ｕｒl){ｖarnｅwｗin=ｗｉndｏw．opeｎ（uｒｌ,"wｉnname＂,＂tooｌbaｒ=ｎo，ｄirectorieｓ=no,menｕbar=no,ｓｃｒｏlｌbaｒｓ＝yes,rｄｓｉzabｌe=ｎo，ｗidtｈ=500，ｈeiｇhｔ＝360”）；newwin.focus（);ｒｅtｕrｎ（nｅwwiｎ)；｝＜/ｓｃｒiｐｔ＞＜／ｈead＞＜bｏｄy>＜ａhｒef=”#＂oｎＣlick=”ＪａvaＳｃｒｉpt：ｏｐenwin（’mｅｉntro。ａｓp＇）＂＞作者简介＜/a＞＜／body>clｏse方法:举例说明＜dｉｖａｌign=”ｃentｅr”〉＜ａhref＝＃ｏnＣliｃk=”JavaSｃrｉpｔ：sｅlf。clｏse（）”>关闭＜/ａ＞＜/diｖ〉ｓｅtTimeｏut方法：创建定时器，经过指定的毫秒后,自动调用指定的语句；cleａrTｉmeoｕｔ方法:清除定时器;(chapｔｅr０3/sectｉｏn4/cloｃk。asｐ）＜htｍl＞〈ｈead〉＜metahｔｔp－ｅquiｖ="Ｃontｅｎｔ－Ｔｙpe＂ｃoｎｔｅｎt=”text/ｈｔml；ｃharset=gb2312">〈tｉtｌe＞时钟<／titｌｅ〉<scriｐtlanguａgｅ＝"JａｖaScriｐｔ">varｔimer;fuｎｃtｉoｎclｏcｋ(）{ｖartｉmeｓｔr＝""；ｖarnow=newDaｔｅ（);varhｏｕｒｓ＝now．gｅｔHｏｕrs（）；varminuｔeｓ=ｎｏｗ.gｅtＭinuｔeｓ（）；ｖaｒseconds=now．ｇetSeconds（）；timestr＋=hoｕｒｓ;tｉmeｓｔｒ+=(（minutes＜10）？”：０”：":＂)＋miｎutes;tｉmeｓtr+=（(seｃｏndｓ＜１0)？”:0”：”：")＋secｏnｄs;wｉndoｗ.ｄoｃuｍenｔ．fｒmclocｋ。tｘtｔｉmｅ。valuｅ=ｔｉmｅstr;tiｍer＝setTimｅouｔ（’ｃｌoｃk（)’,１000）;//设置定时器｝functionｓｔｏｐiｔ(){clearＴimｅｏｕt（ｔimer）;}＜／ｓcｒｉpt>＜/head〉＜ｂody><forｍａcｔioｎ＝＂＂metｈｏd=”pｏｓt”naｍe="frmcｌocｋ"id="ｆｒmclocｋ"＞〈p>当前时间：〈ｉnpｕtｎａｍe＝”ｔxtｔime＂tｙｐe＝"teｘt”id=＂txttｉmｅ”>＜/ｐ〉〈ｐ>〈inｐuttyｐｅ＝”ｂutｔｏｎ”naｍe=＂Submit＂valuｅ＝”启动始终＂ｏｎclick＝”ｃlock()＂>＜inpｕttype=＂bｕｔtｏn”ｎａme＝”Ｓubｍｉｔ2"valuｅ="停止时钟＂oncｌick＝"stopit（）＂></p＞〈/forｍ></body＞〈/ｈtｍl〉将上述程序稍加更改,可以创建定时闹钟程序(cｈaptｅr03/ｓectiｏn4／clertcｌock.ａsp）＜html＞＜ｈeａd＞<mｅtaｈtｔp-equiv＝＂Coｎteｎｔ-Tｙpe＂ｃoｎｔｅnt＝”tｅｘt/html;ｃhaｒset=gb2312"＞〈title＞时钟＜／tｉtle><scripｔlａngｕage＝”ＪavａSｃｒiｐt＂＞ｖartimer;fｕnctｉｏnclock(){vａrtimestr=”"；varnow=neｗＤate(）；varhｏurs=ｎoｗ。geｔHｏurｓ（）；vａrmiｎuｔes=nｏw。gｅｔMｉnｕteｓ(）；varsecoｎds=now.geｔＳｅcoｎｄs(）;ｔｉｍｅstr+＝ｈours；tｉｍestr+＝（(mｉｎutes＜1０)？"：０":":")+ｍiｎｕtes;ｔｉｍestr+=(（ｓeconｄs〈1０)?”：0＂:”:”)+ｓecｏｎds；wｉｎdoｗ.document.frmclock．txｔtiｍｅ。ｖａlｕe=tｉmestr；if（winｄow.doｃuｍent.ｆｒｍcｌock．sｅｔtime。vａｌue==timestｒ）{ｗiｎｄow.aｌert（”起床啦!”)；｝tiｍeｒ＝setTｉｍeｏｕt(’ｃｌoｃk(）’，１０0０）；｝ｆunctionstopiｔ（）{cｌearTiｍeｏut（timｅr);｝</scripｔ></head〉＜body〉＜ｆoｒｍaｃtiｏn=”＂meｔhod=”posｔ”name=”frｍcｌoｃk＂id=＂ｆｒmclｏck"〉<p＞当前时间：＜ｉnｐutｎａme="txｔtime"type=”tｅxt"ｉd=＂tｘttimｅ＂＞</p>＜p>设定闹钟:<ｉｎpｕtｎaｍｅ=＂setｔime"ｔype＝”ｔext＂id=＂settｉme”＞〈／p＞<p＞〈inpｕttｙpｅ=＂bｕtｔon＂nａme＝＂Ｓubmｉt"vａｌｕｅ=＂启动始终＂ｏnclｉck=”cｌock(）＂〉〈inputtype=”ｂｕtｔon＂ｎａme＝＂Sｕbmｉt2”valｕe=”停止时钟＂ｏnｃlｉｃk＝＂ｓｔoｐit（)"〉〈/p〉</ｆｏｒm＞</ｂｏdy＞<／ｈtml>3、locaｔiｏn对象：该对象包含有当前网页的URL(统一资源定位器,即网址）。属性：

ｈｒef用于指定导航到的网页(chapteｒ０3/ｓecｔion4/ｆrｏｎtpａge．asｐ)举例：〈bｏdy〉＜ahｒeｆ=#oｎＣｌicｋ＝＂Ｊａｖａsｃripｔ：windoｗ．locatｉon。ｈrｅｆ=＇nｅｘｔｐａge．aｓｐ＇＂＞按此处到下一个页面〈／ａ〉<／ｂody>4、ｈｉｓtory对象:该对象包含有最近1０个网页的ＵRＬ的地址。常用的方法为go(数值)方法，数值为负数往回，等价于扫瞄器中的“后退”。举例:〈bｏdy〉（ｃhapｔer03／ｓｅctiｏn4/ｎextpａge.aｓp)〈ahref=＃ｏnClick=”Javascｒipt：windoｗ.ｈｉstｏry．ｇｏ(-1）”〉该网页是跳转后的页面，请按此处回到上一个页面!〈/a>〈/body>5、ｅxtｅrnａｌ对象:该对象有一个常用的addFavoｒｉtｅ方法,利用该方法，可实现将指定的网页添加到保藏夹中〈body＞（ｃｈａｐｔer０3/section4/externalｐage。asｐ）这是一个值得珍藏的网页！〈aｈｒeｆ=＃onClicｋ="Jａvascript:wｉnｄow。ｅxｔｅrnal．adｄFavoｒite（’http：//www．＇,'安徽工业职业技术学院'）”>点击珍藏〈/a>〈／body＞6、doｃument对象:代表当前网页,其常用方法为write用于在当前页面中输出ＨＴML语句；<sｃrｉｐtlanｇuagｅ＝”jaｖａscｒipt"＞（chapｔer０3／ｓｅｃtiｏn4／docｕmenｔ。aｓp）ｖａｒcuｒｄay=newＤatｅ(）；dｏcｕmｅｎt。ｗrite("今日是：”）;ｓｗiｔcｈ（cｕｒｄａｙ.getDａｙ（))｛ｃase１:ﻩdocuｍｅｎｔ。wrｉtｅ(＂星期一＂）;bｒｅak;ｃase２：ﻩｄｏcｕmｅnt．wriｔe("星期二＂）;ｂｒeak;cａse3:ﻩdocument。wrｉte（"星期三”）;ｂｒｅak;caｓｅ4:ﻩdｏcumeｎｔ.wｒiｔｅ（＂星期四”）；brｅak；case５： doｃumｅｎt.ｗrite（"星期五"）；break；case6： dｏｃｕｍent．wｒitｅ（”＜ｆｏｎｔcoｌｏr='FF0000’＞星期六＜/fonｔ〉”)；break;ﻩcase0： doｃument.wriｔe（"<ｆontcoｌor=＇ＦF0０00’>星期日</fｏnｔ>");ｂreak;}〈/scｒipt>7、JａvａＳcriｐt的大事处理(1）大事及响应方法JａvaＳｃripｔ采纳了大事驱动的响应机制，用户在网页中的交互操作，将触发相应的大事,当大事发生时,系统会调用执行对应的大事处理函数。大事:由系统预先定义好的，能被对象识别的一种动作。大事的类别:系统大事（Load,Unｌoad）和用户大事（MｏusｅＯveｒ,MoｕsｅＯut，ＭouseDoｗn、ＭoｕｓeＵp，Ｃｌiｃｋ，KｅｙDoｗｎ,KｅyUp等大事的响应通过Ｏｎ与大事名称组成，比如Ｃｌicｋ大事，对应的大事为OnCｌick大事句柄＝大事处理函数()或语句网页中各对象的常用大事对象类别大事处理函数定义位置大事名称大事动身条件网页对象docuｍeｎｔ〈bｏｄy>或doｃuｍeｎt。boｄｙLoadUnloａdConｔeｘtｍenuSelｅctｓｔartＭousｅDoｗn载入当前网页时触发试图载入一个新的网页时触发单击右键，弹出快捷菜单时触发在网页中用鼠标拖动时触发在网页中按下鼠标键时触发表单〈form＞ＳｕbmｉtＲeset用户提交表单用户复位表单文本框口令输入框多行文地域<inpｕtｔyｐe=”ｔｅｘｔ”〉〈ｉnｐutｔyｐe=”ｐasｓｗｏrｄ”＞〈texｔarea〉ＢlurＦocｕsＣhａｎgeＳeleｃtKｅｙｄownkeyｐress文本框失去焦点文本框得到焦点文本框内容发生变化选定文本框中的文本按下键盘上的某个键时触发发生在keｙdown之后,只有在keyｄowｎ的大事处理函数返回trｕe时才会触发一般按钮提交按钮复位按钮＜inputtype=”ｂuｔtoｎ"＞〈ｉnpuｔtｙpe=”subｍit”＞〈inpuｔtype=”ｒesｅt">ｃliｃｋ单击按钮时触发超链接〈a>clicｋ单击超链接对象时触发(２)dｏｃumeｎt的常用大事Ｌoaｄ、ｕnloａd大事举例:(chaptｅr0３/secｔion5/eventwｅlcoｍ.asp）＜ｉｎputTｙpe="bｕtｔｏn”ｖaｌｕe=”确定”OｎＣｌｉcｋ＝”Chｅcｋit（）"＞〈ｂodyＯnLoad=”pｏｕｐ(）"><bｏdｙＯｎLoaｄ=:ａleｒt（“欢迎光临本站”）:>＜bodyOnＵnLoａd＝：alｅrｔ（“感谢光临本站"）:＞Ｃontextmeｎｕ大事〈ｂodｙOｎConｔｅｘtMenu="rｅｔurnfａlse”>在弹出菜单之前，先调用大事过程函数，如果为true则弹出,否则不弹出!Ｓelｅctsｔarｔ大事<ｂodｙOnSelectStaｒt=＂rｅtuｒｎｆaｌse">在选取之前，先调用大事过程函数，如果为true则可以被选中，否则不能选中!表单对象的常用大事;Ｍousｅdoｗｎ大事＜sｃriｐｔlanguaｇe＝＂javascript＂＞ｆｕｎctionｎｏｍeｎu(）｛if（eveｎt。ｂutton==2｜｜evｅｎｔ.ｂuｔton＝=3){alｅｒt（"youcａｎ’ｔseｌｅｃt！＂）；//用对话框替代快捷菜单；}｝documenｔ．ｏｎmｏusｅdown=ｎomenｕ;〈/scriｐt＞(3）表单对象的常用大事Ｓubｍit大事大事处理函数完成表单数据的检验（ｃｈapter0３/ｓｅctiｏn5/reｇister。asp)，返回ｔｒuｅ则提交数据，否则禁止提交表单；〈Scrｉｐｔlanguａge=＂JavaSｃrｉpｔ"＞ｆunctiｏncheckfoｒｍ(）｛if（dｏcumenｔ．ｌoｇiｎ。usernａmｅ.value==＂＂)｛alert(”请输入用户名!”);ﻩdｏｃuｍent．loｇin。userｎamｅ。ｆocuｓ(）;ﻩreｔｕrnｆａlsｅ；}ｉｆ(document。login。useｒkey1.valuｅ=="”)｛aleｒt(”请输入密码!＂）；ﻩdocｕmeｎt．ｌｏgin．useｒkey１。focｕs（);ﻩretuｒnfａlse;｝iｆ(doｃｕmeｎt。ｌogin.userkｅy１．ｖａlｕｅ!=dｏｃuｍeｎt.lｏgin.userkeｙ2．vaｌue）｛alert（"两个密码不同！请请输入密码！”）；ﻩｄoｃｕmenｔ.lｏgin．ｕserｋey1．fｏcｕｓ（);ﻩreｔurｎfalsｅ;}vａｒｅｍail_str=dｏcumenｔ．lｏgｉn.eｍaｉｌ.vａlue if(emaｉl＿ｓｔr.inｄexOf(”＠＂）＝＝—1){ａｌert("电子邮件的格式不对！＂）；ﻩdoｃument。logiｎ.eｍａil.ｆoｃus（）；ﻩｒetｕｒｎfａlｓe;｝docｕｍeｎt。logiｎ．submiｔ();}<／sｃript〉＜/heaｄ〉＜bodｙ>〈formacｔiｏn＝"usｅｒlogｉn．asｐ"ｍethod=”ｐost＂namｅ=＂login”id＝"logｉn"OnSｕｂmiｔ＝"ｒeturｎchｅｃkｆorm()”><ｔablebordeｒ=”０"bｏｒｄｅrcｏloｒ=＂#ＦＦ０000＂＞＜tr〉〈tｄｃolspａｎ="2"clａss＝"tｄ1">用户注册〈/td>〈/ｔｒ＞<ｔｒ＞＜ｔdwiｄth=＂２89”cｌass="td2">用户名:＜/tｄ><tｄwiｄth=＂29５＂clａｓs=＂tｄ２”〉＜inｐｕtnａme=＂usｅｒnaｍｅ"tｙｐe=”ｔext＂id=”usｅrｎaｍe"〉＜／ｔd＞〈/ｔｒ〉〈tｒ＞<ｔdclass="td2"〉密码：<／td><tｄｃlａss＝＂tｄ2＂〉<ｉnputnａmｅ=＂uｓｅrkey１＂tｙpe=＂ｐassｗｏrｄ”ｉd=＂uｓerkeｙ１＂>＜/tｄ〉＜/tｒ〉<ｔr>〈ｔdｃlaｓs=”td2">重复密码：</td＞＜tdclasｓ=＂td2"＞<iｎｐutnａmｅ＝”userkeｙ2"ｔyｐｅ＝”passworｄ”id="userｋｅy２”〉〈/ｔd〉<／ｔｒ><tｒ＞<tdcｌaｓs=＂ｔｄ2＂〉性别：〈/td>＜ｔdｃlass="td2”><ｉnｐutｎame="ｓex"tｙｐe=＂ｒaｄio"value＝＂ｒadiobutton”chｅｃｋｅd>男＜iｎputｔypｅ＝”ｒａdio＂naｍｅ=”sｅｘ"value=”rａdiｏbｕttｏｎ”〉女</td>＜/tr＞＜tr＞＜tｄclass=”ｔd２"＞教育水平：＜/ｔｄ＞〈tdclａss＝”tｄ2”〉<sｅｌecｔnaｍe=＂edu"ｓize="1＂ｉｄ="ｅdu＂〉<ｏpｔｉoｎvalue＝"硕士以上”〉硕士以上＜/option＞<optiｏnvalue＝＂高校本科"＞高校本科〈/ｏｐｔioｎ>＜optionvａlue=”大专”〉大专〈/option＞〈ｏｐｔiｏnｖaluｅ="中专以下＂〉中专以下〈/ｏｐtion〉＜/seｌect></td>＜/ｔr＞〈tｒ〉＜tdcｌaｓs＝"tｄ2”>电子邮箱：</ｔd><ｔdclａsｓ=”tｄ２"><inpuｔnａｍｅ＝＂emaｉl"ｔｙpe=＂ｔext＂iｄ=”emａｉl"＞＜／td〉</ｔr〉<tr><td>&nbｓp;〈／ｔd〉<tｄ〉 ；</td〉＜／ｔｒ＞<tｒ＞<tｄcolspaｎ=＂2”ｃｌａsｓ=＂td３"＞＜ｄivaligｎ="ｃｅｎtｅｒ＂＞〈ｉnpuｔtｙpe=”Sｕbmiｔ"naｍｅ="Submｉt”ｖaｌｕe＝＂登陆＂>＜inpｕttypｅ=＂rｅsｅt＂naｍe＝”Ｓuｂmiｔ2”ｖalｕｅ=＂全部重写"＞〈/diｖ＞</td>

第五讲ＶBScｒipt教学重点:1、常用函数和各种类型的表达式；2、条件分支程序和循环掌握程序以及过程与函数调用;教学要求:1、熟识在ASP页面中使用VBＳcript，识记VＢScｒipt的数据类型和特点，了解各种数据类型常量的表示方法,变量的定义和作用域;２、熟识在运用ＶＢScript中各种运算符号生成数学、字符、关系、规律表达式，以及运算规章；３、识记VＢＳcriｐｔ中有关数学、字符、日期、类型转换等常用函数的名称、参数和返回值；4、条件分支程序和循环掌握程序以及过程与函数调用的概念和结构，应达到“领悟”和“娴熟应用”的层次；5、熟识数组的定义和使用,应达到“娴熟应用”的层次。教学内容：1、ＶBScriｐt简介;<％%>2、数据类型(Boolean、Ｉntｅｇｅr、Siｎgle、Datｅ、Ｓｔrinｇ、Oｂject等)3、常量、变量与表达式;运用Diｍ定义变量(简洁变量、数组变量)４、变量的作用域：过程级和页面级举例：(ｃhapter0４/sｅction1２3/vａｒranｇe。aｓp)〈％dimｘ，yｘ=2y=5sｕｂtｅstｌｏcaｌvar()diｍx，nｕｍx＝９ｎuｍ＝yy=ｘ+nuｍendsuｂtestｌocalvarrｅsｐｏnse．Ｗrite＂x的值为：”＆x&＂y的值为："＆y//y的值更改ｒesponse．wriｔｅ"＜bｒ>num的值为："&nuｍ/／num已经消灭％>5、运算符数学运算：+、—、＊、\、/、^结果：数值字符连接运算：+(类型相同）&（转化为字符）结果：字符关系运算:＞、〉=、＜、<=、<>、＝结果:规律值（ｔｕre、ｆａｌse)规律运算:noｔ、ａｎd、or、xor结果:规律值（ture、falsｅ）６、常用函数数学函数:Ｉｎt()、round(）、sql(）、eval（）、ｒnｄ(）字符函数：lｅn（)、sｐａce（)、rｅplacｅ()、triｍ(）转换函数:asc（)、cｈr（)、cbool（）、ｃiｎt(）、clnｇ()、cstr()测试函数:isemｐｔｙ（)、isnuｍeｒic（)日期时间函数:nｏｗ、ｔime、year（)、ｍoｎth(）、ｄaｙ（）、daｔeadd（）FT条件语句FT条件语句IF分支语句（三种格式）：1）IＦ条件表达式THEN只有一条语句TFTF条件语句1语句2语句体EＮDIF3)ＩF条件表达式TＨEN语句体１ELSE语句体2ＥNDＩＦTFTFT条件1语句1F条件2语句2ＳELＥCＴCＡＳE测试表达式CAＳＥ表达式1语句体1CＡSE表达式……语句体……ＣAＳE表达式n语句体nCＡＳＥEＬＳE语句体EＮDSEＬECT循环语句：forｃoｕnｔer=ｓtaｒttｏｅnd［sｔepｉnｃrｅmeｎt］FTFT条件语句exitfoｒnexｔｄowhｉle条件语句体exitdolｏopdｏ语句体exitdoｌoopｗｈilｅ条件举例:注意格式(chapter04/ｓectｉon1２３/auｔotable．asp）<tａbleaｌiｇｎ="ｃenter"widtｈ="80%"〉＜%ｆｏrrownuｍ=1ｔｏ７ifrｏwｎummｏd2＝１tｈen％>ﻩ ＜ｔrbgｃolor=”Ｅ７E9ＣF＂〉＜%ｅlｓe％>ﻩﻩ＜trbgcｏlｏr="＃F6F6Ｆ6＂〉ﻩﻩ<％enｄｉｆﻩﻩｆoｒｃｏｌnum=1ｔｏ4%＞ﻩﻩ〈td〉&nbｓp;</ｔd＞ﻩﻩ〈%nexｔ％＞ﻩﻩ<／ｔｒ〉ﻩ＜%next％＞〈/taｂlｅ〉８、过程与函数的定义sub过程名（形式参数)语句块［eｘｉtsub]endsubfuntｉｏn函数名（形式参数）语句块［ｅxｉｔｆunctioｎ］函数名=函数的返回值ｅndｆｕntion举例:1、利用VＢScriｐt在页面中输出当前的日期（cｈａpｔｅｒ04/secｔｉｏｎ456／inｓtｒｕｃt1。asp）ﻩ〈%ｔ＝nowresponｓe．Ｗrite(yeaｒ(t)&”年”&mｏnth（ｔ）＆”月”＆dａy（t）＆”日"）%＞２、试用VBＳｃrｉpｔ编写一个求数n阶乘的函数Power,利用表单获得求阶乘的数，然后通过调用Power函数,实现阶的计算并输出结果（chapｔer０4/sｅction4５6/ｉnstrｕｃt4．aｓｐ）〈fｏrｍnａme="form1"ｍethod="pｏsｔ"ａcｔion＝＂jieceｎｇ．asp”>〈ｔａblewidth=＂400”bordｅｒ=”0"aligｎ＝＂cｅntｅｒ＂ｃeｌlpadding=”0＂cellspａｃｉｎｇ=”0">＜tr＞<tｄ>请输入一个数：＜／td＞＜ｔd>＜iｎ＝"data”tｙｐｅ＝"ｔext＂id＝＂ｄａta"></ｔd＞</ｔr><ｔr〉〈tdcolsｐaｎ＝"2"＞〈dｉvaｌiｇn＝＂cenｔer”＞〈ｉnputtｙｐｅ="submit”ｎame=”Suｂｍiｔ”ｖalue=＂计算”〉〈ｉnpｕｔtype＝＂reset”name＝”Sｕbmit2”vａｌue="重置＂〉＜／diｖ〉<／td＞＜/tr〉</tabｌe>〈／foｒｍ>jiｅｃｅng．aｓp＜％functionpower(m）s＝1ﻩﻩforｉ=1tｏｍﻩﻩｓ=ｓ*iﻩﻩｎextﻩpｏwｅｒ＝sﻩenｄｆunctionﻩn=rｅquest．Forｍ（"datａ＂）ﻩfｏｒj=1tonﻩrｅsｐonsｅ.Wrｉtecstr(pｏwer(j））+＂＜br〉" nｅｘtﻩﻩ课后问题:1、试用VＢSｃriｐt编程,实现计算并输出1０0至５00间的水仙化数.2、试用VＢＳcrｉｐｔ的数组，结合编程实现在页面中输出1０0个随机基本键位的大写字母，要求每行显示２0个字母，各字母间用一个空格分割。ﻬ第六讲ASP内建对象教学重点:1、利用Response对象的属性、方法、和Cookｉes集合来掌握和管理由服务器发送到扫瞄器的数据；２、利用Reｑueｓt对象获得表单所提交的数据、Cｏoｋｉe的值以及服务器环境变量的值;３、在globa．ａsa文件中使用Application对象和Ｓessiｏn对象.教学要求：１、熟知Respｏnsｅ对象的有关属性和方法及Cookieｓ集，娴熟掌握其功能和用法，应达到“简洁应用”的层次；2、熟知Ｒｅquest对象的属性和方法集合（Form、ＱueｒｙStｒing、Coｏkieｓ、ServerVariabｌes）；3、熟知Serveｒ对象的属性和方法（Ｓerver。ＣｒeatｅObjeｃt()、Maｐｐａth（））；４、娴熟掌握会话级作用域的对象（Seｓｓioｎ)的属性和方法；５、娴熟掌握应用级作用域的对象（Ａppｌication的属性和方法;６、掌握在glｏbal。asa文件中使用Sessｉon和Ａppｌｉcaｔion对象的属性、方法、大事等；教学内容:http请求http请求响应体响应头服务器Request对象IIS（ASP）执行ASP部分Respons对象IE浏览器（客户端）窗口/a.asp网页元素网页元素解释html解释html在ＡSＰ中内建了一些对象，通过这些对象,可以很容易地收集扫瞄器发送和恳求的信息，以及与服务器和用户相关的信息。１、Rｅspｏnse对象用于掌握和管理由服务器发送到扫瞄器的数据(HTMＬ一般文本、掌握信息、Coｏkies）,其功能主要通过该对象的属性、方法和Cｏｏkieｓ集合来实现的。Ｂuffｅr属性:指定ASP页面创建的输出是否保存在ＩIＳ的缓冲区中，其取值为Tｒuｅ或Faｌsｅ.(chapｔｅr05／secｔiｏn１/ｒespｏｎｓe_ｂuffer.asp)<％@LＡNGＵＡＧＥ=＂VBSＣRIPＴ＂CＯDEPＡGE="9３6＂％>＜％reｓpｏｎsｅ.Buｆfｅr＝false%〉〈ｈead><ｍｅtａｈｔtp—equｉv="Cｏnｔenｔ—Ｔyｐe”coｎtenｔ="ｔext／htｍl;charｓeｔ=gｂ2３12＂/〉<titlｅ〉无标题文档〈/title></ｈeaｄ〉〈bｏdy>＜%ｆoｒi=1to10ｆorj=1to5０000０＇用于延迟neｘtｒesｐoｎse.Ｗrite（i＆”,”）ｎexｔ％>＜/body〉</html〉ｃｏnｔentｔｙpe属性：指定服务器响应的HTTP内容类型(cｈaｐter０5/secｔｉoｎ1/resｐoｎse.cｏntentype.ａsp）＜％@ＬＡNＧUＡGE＝＂VBＳCRIPT”CＯDEPAGＥ=”93６＂％＞〈%ｔｙpe０=ｒｅｓｐoｎsｅ.conｔeｎｔｔype％＞<hｅad><metａhｔtｐ－eｑｕiv=”Cｏntｅｎｔ—Ｔｙｐe"ｃｏｎtent＝”ｔexｔ／ｈtml;chaｒsｅt=ｇb２312＂/〉〈titlｅ>无标题文档〈／tiｔle〉<／head〉＜ｂoｄy〉〈％ｒespｏｎsｅ。Writeｔypｅ０%〉</boｄy〉＜/ｈtml〉ｃharset属性(chapｔer05/ｓection1/rｅｓｐonsｅ_chaｒset.asｐ)<%＠LＡＮＧUAGＥ=＂VBＳCRＩＰT”ＣＯＤＥPＡＧE="9３6＂％>〈％ｒesponｓe.charset="ｂｉg5＂ｒｅｓponse.chａｒset="gb２3１２”%＞〈ｈｅaｄ＞〈metahｔｔp－ｅquｉｖ＝＂Cｏntｅｎｔ—Ｔｙpe”ｃｏｎtｅnt=＂text／ｈtml；/>＜tｉtle＞〈/title>〈mｅtａｈttｐ—equiｖ=＂Ｃonｔｅnｔ—Tｙｐｅ"ｃontent="tｅxt/html；cｈaｒsｅt=gb2312"/＞<meｔahttｐ—ｅqｕiv=”Contｅnt-Ｔypｅ”cｏｎtｅｎt=”texｔ／htｍl；＂/〉〈／ｈead><bｏdy>安徽工业职业技术学院</body>〈/html>ｅxpireｓ属性：用户设置网页过期的时间，以分钟为单位（chaｐter05/sectioｎ1/rｅsponｓｅ_expｉｒes。asｐ)<％＠LANGUＡＧE="ＶBSCRＩPT”CODEＰAGE=”93６"%＞＜％response．