1、第三讲 脚本语言,动态网页的概念 VBScript脚本语言 ASP网页 浏览器对象模型介绍(教材第三章),1 动态网页的概念,静态网页 由HTML代码、客户端脚本程序构成的网页。用户访问该页面时信息的内容不变。 动态网页 当用户访问网站服务器端程序时,服务器执行程序生成的网页。用户浏览到的内容自动更新,如网上新闻。,1-1 动态网页生成图,1-2 浏览器端脚本,dim xx=100sub1 x,1-3 动态网页的实现技术,CGI(Common Gateway Interface,通用网关接口) ,是浏览器与Web服务器交互的基本方法。 ISAPI(Internet Server Applica
2、tion Program Interface,Internet服务器应用程序编程接口),为CGI编程提供的API函数。 ASP(Active Server Page),IIS服务器技术,支持DCOM,最新版本是ASP.NET 。 JSP(Java Server Page):Java平台的动态网页实现技术,需要JVM支持。,1-3-1 服务器端ASP脚本, ASP页面测试,2 ASP标记,在HTML代码中插入脚本语言标记两种脚本语言 VBScript,JavaScript 输出指令 处理指令 ,2-4 例,ASP网站开发示例网站之ASP程序示例当前时间为: ,2-4 测试,编辑ShowTime.
3、asp 文件 发布ShowTime.asp 文件到网站目录下 远程访问站点,3 客户端脚本标记,4 VBScript脚本语言,VBS是VB语言的超子集; VBS在客户端具有输入输出功能,但不能操作用户本地OS API,不能操作本地硬盘文件,但可操作浏览器对象; VBS在服务器端无标准输入输出功能,但可通过服务器端对象访问服务器本地或远程主机的文件,可通过服务器端对象输出到浏览器; VBS在服务器端执行时受到服务器安全性限制。 Windows平台通用脚本。,4-1 数据类型,变体类型 Variant 子类型Empty:变量未初始化的值。Null:变量不包含有效值。String,Boolean,I
4、nteger,Long,Single,Double,Currency,Object,Data/Time,Error,4-2 变量,说明dim strUserName,intSum 隐式说明strName=“Wang ling”intAge=22 变量命名strUserName, strUserID,4-3 常用语句,intAge=22If c1 then If c1 then Elseif c2 then Else End if,For I=0 to n NextFor each element In group Next,4-4 逻辑和关系运算,逻辑运算符And /Or/Not 逻辑值Tru
5、e/False 关系运算符 = ,4-5 对象操作,rs.fields(0)=“aaa” rs.fields(1)=123With rs.fields(0)=“aaa”.fields(1)=123 End with,4-6 过程,function decrypt(inphrase) end function sub getphrase() end sub sub button1_onclick()getphrase end sub 注意:参数传递形式,4-7 常用字符处理函数,Len( ) 求字符串长度 Str( ) 数值转换为字符串 Val( ) 数字字符串转换为数值 Trim( ) 去掉字
6、符串首尾空格 Mid( ) 提取字符串的子字符串 Replace( ) 替换字符串的子字符串,4-8 注意,VBScript注释 VBScript 不区分大小写 与C/Java语句的细节不同,例3-3服务器端代码,例3-3客户端HTML代码,早上好!,例3-3图,例3-4服务器端代码,“早上好!“你好!,例3-4客户端HTML代码,asp标记练习“早上好!“,例3-4图,例3-5服务器端代码,例3-5客户端HTML代码,早上好!,例3-5图,例3-6服务器端代码, 不间断空格符演示 ,例3-19服务器端代码,语法错误 ,例3-19图,例3-30服务器端代码,运行时错误 ,例3-30图,例3-3
7、1服务器端代码,VBScript脚本程序示例-出错处理VBScript脚本程序示例 出错处理0 ThenResponse.Write “ 运行时错误,原因是:“+Err.DescriptionEnd if % ,例3-31图,=,5 浏览器对象模型,Window,Frame,History,Navigator,Location,Script,Document,Link,Anchor,Form,Element,5-1 浏览器对象意义,Windows 脚本模型中其他对象的容器。 Document 浏览器中的文档,通过Document对象的属性和方法可以操作文档的内容和外观。 History 提供在
8、浏览器历史表访问方法。 Navigator 返回关于浏览器的信息。 Location 提供关于窗口(或)帧的当前URL的信息。 Links 提供求出链接目标的属性。 Anchor 包含Document对象中元素的控制点。 浏览器对象模型可以使用客户端脚本操作。,5-3 例,document.open document.write “Welcome ” document.close document.locate.href=“www.3w.org” window.frame(0).location.href=“” window.formes(0).history.forward 0 window
9、.formes(1).history.back 0 window.navigate.appname 浏览器软件名,5-3 例,window.status “欢迎来到我的主页!”msgbox “我的父窗口是” & window.opener.namemsgbox window.location.hrefwindow.location.href window.history.back 1window.alert(“谢绝访问!”)window.open “http:/”window.navigate “http:/”document.write “vbscript语言实例:”,5-4 例:输入确认,事件驱动程序。,例3-32客户端脚本代码, 一个简单首页对话框,例3-32图,例3-34客户端脚本代码, 简单验证10 ThenMsgBox “请输入一个 1 到 10 之间的数字。“ElseMsgBox “谢谢。“End IfElseMsgBox “请输入一个数字。“End If End Sub ,(接上页), 简单验证请输入一个 1 到 10 之间的数字:,例3-34图,作业2,设计一简单计算器。,