网络应用高级编程.ppt

《网络应用高级编程.ppt》由会员分享，可在线阅读，更多相关《网络应用高级编程.ppt（535页珍藏版）》请在三一办公上搜索。

1、网络应用高级编程,陈天洲浙江大学计算机系http:/,WEB基础知识,WEB历史WEB基本表现形式静态WEB页面动态WEB页面主页WEB站点ICP与ISP,IIS-INTERNET 信息服务,什么是IIS如何安装IISIIS的使用与配置其他INTERNET服务提供软件,浏览器,功能IENETSCAPE,HTML语言概述,超文本标记语言HTML语言历史简单的HTML例子网页的HTML源代码HTML语言的优点HTML语言的功能,FRONTPAGE概述,FRONTPAGE2000的新特征FRONTPAGE2000的历史FRONTPAGE2000的环境网页视图：窗口、图标和菜单,FRONTPAGE20

2、00基本使用,新建打开导入站点共享模板使用主题使用导航栏超级链接,作业1,1、自行安装配置iis,使之能够运行2、使用“参见问题”模板建立自己的FAQ页面3、使用共享边框建立两个以上的页面，公用一个边框4、运用”商业区“主题建立一个产品介绍页面，产品分类可以参考“超市”5、制作三个页面，其中一个是主页面，另外两个是子层页面，在页面上放置导航条6、制作一个个人简介页面，其中可以点击自己的电子邮件，激发电子邮件系统；点击姓名，出现照片,网页元素一,页边距背景图片背景颜色背景声音横幅计数器,网页元素二,水平线时间标志动画效果网页过渡横幅公告悬停按钮声音效果字幕,网页元素的定位,定位方式设置定位属性,

3、图形使用,图形格式图形添加视频服务ASF MEDIA组件，windows2000 serverREAL MEDIA设置图形网页效果热点,表格,创建使用表格布置文本与图形表格属性,框架,基本操作框架设置框架切换,表单,表单的基本原理常用表单,讨论组,创建管理设置属性,作业2,设计个人网站，使用背景图片，音乐，横幅，计数器，时间戳页面过渡使用动态效果为其中的图形设置热点用表格写个人简历，要求对齐个人网站的主页面使用框架方式能够收集浏览者对你的网站的看法,PHP,jsp,asp,PHP,JSP,ASP都是用于创建动态WEB页面的服务端脚本语言。ASP主要使用在Windows系统PHP不适宜制作大型系

4、统,无公用数据库连接学习难度从易到难ASP使用的脚本语言为VBScript与JavaScript脚本语言可以直接在HTML上进行书写,HTML语法页面标记,HTML 文件结构(Document Structures).,HTML 文件的正文写在这里.,页面语言字符集的信息,meta http-equiv=Content-Type content=text/html;charset=#=us-ascii,iso-8859-1,x-mac-roman,iso-8859-2,x-mac-ce,iso-2022-jp,x-sjis,x-euc-jp,uc-kr,iso-2022-kr,gb2312,g

5、b_2312-80,x-euc-tw,x-cns11643-1,x-cns11643-2,big5 可在 HTML 文件中设置 MIME 字符集信息。您在浏览主页时，最好自己在浏览器的选项菜单内选择相应的语言(language encoding)。,页面背景色彩和文字色彩,bgcolor-背景色彩 text-非可链接文字的色彩 link-可链接文字的色彩 alink-正被点击的可链接文字的色彩 vlink-已经点击(访问)过的可链接文字的色彩#=rrggbb色彩是用 16 进制的 红绿蓝(red-green-blue,RGB)值来表示。16 进制的数码有:0,1,2,3,4,5,6,7,8,9

6、,a,b,c,d,e,f.背景图象 Non Scrolling Background,页面空白(Margin),页面左边的空白 页面上方的空白(天头)#=margin amount,页面链接(Link),基本语法.这是一个链接的例子。点一下带下划线的文字!这是一个链接的例子。点一下带下划线的文字!跳转到页面的另外一个地方,页面开一个新的浏览器窗口,a href=URL target=Window_Name.开一个新窗口!,页面标尺线,#=left,right,字体标题字体(Header),.#=1,2,3,4,5,6-这些标记显示黑体字。-这些标记自动插入一个空行，不必用 标记再加空行。因此在

7、一行中无法使用不同大小的字体。,字体字体大小,.#=1,2,3,4,5,6,7 or+#,-#=1,2,3,4,5,6,7,物理字体(Physical Style),b今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！,字体逻辑字体(Logical Style),今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气

8、真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！今天天气真好！,指定“字体大小”的标记和“指定字体”的标记的组合使用,今天 天气 真好！今天 天气 真好！,字体颜色,指定颜色.#=rrggbb 16 进制数码，或者是下列预定义色彩：Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua ff8020,客户端字体(Font Face),.#=客户端可获得的字体 Hellow World!Hellow World

9、!,字符实体(Entities),HTML2.0 字符实体名称列表HTML3.2 字符实体名称列表ISO 字符实体名称列表,文字布局行的控制,段(Paragraph)(可以看作是空行)换行 不换行,文字的对齐(Alignment),.#=left,center,right.,文字的分区(Division)显示,.,列表,无序列表.有序列表.定义列表(Definition lists).Definition lists Compact.,定制列表元素,定制表中的标记#=disk,circle,square定制有序列表表中的序号#=A,a,I,i,1定制有序列表表中的序号的起始值#=number,

10、预格式化文本,.,空白(Spacer),#=水平空白宽度#=竖直空白高度#=空白的尺寸#=top,middle,bottom,left,right,多列文本,.#=列的数目.#=列间的空白.#=列的宽度块引用(Blockquote).闪烁.,图象链入图象的基本语法,#=图象的 URL#=在浏览器尚未完全读入图象时，在图象位置显示的文字。,图象和文字的对齐,#=top,middle,bottomEg：My face!My face!My face!,图象在页面中的对齐/布局,#=value边框#=value,客户端图象映射图,请在下图中用鼠标到处点一点，就会理解“客户端图象映射图”的意思了。,表

11、格-表格的基本语法,.-定义表格-定义表行-定义表头-定义表元(表格的具体数据)带边框的表格：FoodDrinkSweet ABC 不带边框的表格：FoodDrinkSweet ABC,跨多行、多列的表元,跨多列的表元 跨多行的表元,表格尺寸设置,边框尺寸设置：表格尺寸设置：表元间隙设置：表元内部空白设置：,表格内文字的对齐/布局,#=left,center,right#=top,middle,bottom,baseline,表格在页面中的对齐/布局,#=space value,表格的标题,.#=left,center,right.#=top,bottomvalign=top is defau

12、lt.,表格的色彩,表元的背景色彩和背景图象#=rrggbb 16 进制 RGB 数码,或者是下列预定义色彩名称：Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua 表格边框的色彩 表格边框色彩的亮度控制,表格的分组显示,按行分组.-表的题头(Header).-表的正文(Body).-表的脚注(Footer)按列分组#=left,right,center 列的属性控制#=从左数起，具有指定属性的列的列数#=left,right,center,表格中边框的显示,

13、显示所有 4 个边框 只显示上边框 只显示下边框 只显示上、下边框 只显示左、右边框 只显示左边框 只显示右边框 不显示任何边框,表格中分隔线(Rules)的显示,显示所有分隔线 只显示组(Groups)与组之间的分隔线 只显示行与行之间的分隔线 只显示列与列之间的分隔线 不显示任何分隔线,框架基本语法,.在 标记后的文字将只出现在不支持 FRAMES 的浏览器中。.,各窗口的尺寸设置,纵向排列多个窗口：横向排列多个窗口：COLS&ROWS纵横排列多个窗口：不允许各窗口改变大小 缺省设置是允许各窗口改变大小的。,各窗口间相互操作,窗口标识(Frame Name)特殊的 4 类操作(很有用喔)新

14、窗口 本窗口 父窗口 整个浏览器窗口,Frame 的外观,各窗口边框的设置#=yes,no/1,0各窗口间空白区域的设置#=空白区域的大小 边框色彩 页面空白(Margin)卷滚条设置#=yes,no,auto#=缺省值是 auto。,浮动窗口,.#=初始页面的 URL#=窗口标识(Frame Name)(之后可对此标识进行各窗口间相互操作).=此处文字将只出现在不支持 FRAMES 的浏览器中。,表单-表单的基本语法,表单的基本语法.*=GET,POST 表单中提供给用户的输入形式*=text,password,checkbox,radio,image,hidden,submit,reset

15、*=Symbolic Name for CGI script,文字输入和密码输入,*=text,password 您的姓名:您的主页的网址:密码:,复选框 和 单选框,图象坐标,在下面选则一个系数后，在图象上点一下，就知道什么是图象坐标了！x2 x4 x6,隐藏表单的元素,Here is a hidden element.Here is a hidden element.,列表框,基本语法.注意，是用 Ctrl 键配合鼠标实现多选。(和 MS-WINDOWS 的 File Manager 一样),文本区域,.对于很长的行是否进行换行的设置(Word Wrapping).,会移动的文字(Marq

16、uee),基本语法.文字移动属性的设置 方向#=left,right方式#=scroll,slide,alternate循环#=次数；若未指定则循环不止(infinite)速度 延时,外观(Layout)设置,对齐方式(Align)#=top,middle,bottom底色 面积 空白(Margins),多媒体页面1,嵌入多媒体文本(EMBED)基本语法#=URL背景音乐#=WAV 文件的 URL#=循环数插入视频剪辑,多媒体页面2,何时开始播放 AVI#=fileopen,mouseover缺省值是#=fileopen，即在链接到含本标记的页面(如本页)时开始播放 AVI。mouseover

17、 是指您把鼠标移到 AVI 播放区域之上时才开始播放 AVI。也可以两者同时设置：另外，用鼠标在 AVI 播放区域点击一下，也将令浏览器开始播放该 AVI。,多媒体页面3,控制条 用来在视频窗口下附加 MSWINDOWS 的 AVI 播放控制条。循环播放 将循环播放不止。延时#=毫秒数,什么是 VBScript？,Microsoft Visual Basic Scripting Edition 是程序开发语言 Visual Basic 家族的最新成员，它将灵活的 Script 应用于更广泛的领域，包括 Microsoft Internet Explorer 中的 Web 客户机 Script

18、和 Microsoft Internet Information Server 中的 Web 服务器 Script。,在 HTML 页面中添加 VBScript 代码,SCRIPT 元素用于将 VBScript 代码添加到 HTML 页面中。标记VBScript 代码写在成对的 标记之间。例如，以下代码为一个测试传递日期的过程：2 End Function-,函数使用,写在HEAD或BODY中 订购 2 End Function-.,其他使用方法,在窗体中提供内部代码以响应窗体中对象的事件 测试按钮事件 MsgBox 按钮被单击！,VBScript 数据类型,VBScript 只有一种数据类型

19、，称为 Variant。Variant 是一种特殊的数据类型，根据使用的方式，它可以包含不同类别的信息。它也是 VBScript 中所有函数的返回值的数据类型。最简单的 Variant 可以包含数字或字符串信息。,Variant类型,Variant 用于数字上下文中时作为数字处理，用于字符串上下文中时作为字符串处理。使用看起来象是数字的数据，则 VBScript 会假定其为数字并以适用于数字的方式处理。使用的数据只可能是字符串，则 VBScript 将按字符串处理。当然，也可以将数字包含在引号()中使其成为字符串。,Variant 子类型,除简单数字或字符串以外，Variant 可以进一步区分

20、数值信息的特定含义。例如使用数值信息表示日期或时间。此类数据在与其他日期或时间数据一起使用时，结果也总是表示为日期或时间。从 Boolean 值到浮点数，数值信息是多种多样的。Variant 包含的数值信息类型称为子类型。可将所需的数据放进 Variant 中，而 Variant 也会按照最适用于其包含的数据的方式进行操作。,您可以使用转换函数来转换数据的子类型。另外，可使用 VarType 函数返回数据的 Variant 子类型。,VBScript 变量,什么是变量？在 VBScript 中只有一个基本数据类型，即 Variant，因此所有变量的数据类型都是 Variant。,声明变量,声明

21、变量的一种方式是使用 Dim 语句、Public 语句和 Private 语句在 Script 中显式声明变量。例如：Dim DegreesFahrenheit声明多个变量时，使用逗号分隔变量。例如：Dim Top,Bottom,Left,Right 另一种方式是通过直接在 Script 中使用变量名这一简单方式隐式声明变量。不好。最好使用 Option Explicit 语句显式声明所有变量，并将其作为 Script 的第一条语句。,命名规则,变量命名必须遵循 VBScript 的标准命名规则。变量命名必须遵循：第一个字符必须是字母。不能包含嵌入的句点。长度不能超过 255 个字符。在被声明

22、的作用域内必须唯一。,变量的作用域与存活期,变量的作用域由声明它的位置决定。过程级变量 Script 级变量 变量存在的时间称为存活期过程级变量，其存活期仅是该过程运行的时间Script 级变量的存活期从被声明的一刻起，直到 Script 运行结束,给变量赋值,创建如下形式的表达式给变量赋值：变量在表达式左边，要赋的值在表达式右边。例如：B=200,标量变量和数组变量,声明数组变量时变量名后面带有括号()下例声明了一个包含 11 个元素的一维数组：Dim A(10)数组实际上包含 11 个元素 数组中使用索引为数组的每个元素赋值。从 0 到 10，将数据赋给数组的元素，如下所示：A(0)=25

23、6 A(1)=324 A(2)=100.A(10)=55,多维数组,数组的维数最大可以为 60。声明多维数组时用逗号分隔括号中每个表示数组大小的数字。在下例中，MyTable 变量是一个有 6 行和 11 列的二维数组：Dim MyTable(5,10)在二维数组中，括号中第一个数字表示行的数目，第二个数字表示列的数目。,动态数组,运行 Script 时大小发生变化的数组对数组的最初声明使用 Dim 语句或 ReDim 语句。对于动态数组，括号中不包含任何数字。例如：Dim MyArray()ReDim AnotherArray(),使用动态数组,必须随后使用 ReDim 确定维数和每一维的大

24、小。ReDim MyArray(25).ReDim Preserve MyArray(30)使用 Preserve 关键字在重新调整大小时保留数组的内容。重新调整动态数组大小的次数是没有任何限制将数组的大小调小时，将会丢失被删除元素的数据。,VBScript 固有常数,颜色常数 比较常数 日期和时间常数 DriveType 常数File Attributes 常数 文件输入/输出常数 MsgBox 常数 SpecialFolder 常数 字符串常数 Tristate 常数 VarType 常数,创建常数,您可以使用 Const 语句在 VBScript 中创建用户自定义常数。使用 Const

25、语句可以创建名称具有一定含义的字符串型或数值型常数，并给它们赋原义值。例如：Const MyString=“这是一个字符串。”Const MyAge=49 字符串文字包含在两个引号(“”)之间。这是区分字符串型常数和数值型常数的方法。日期文字和时间文字包含在两个(#)之间。例如：Const CutoffDate=#6-1-97#,VBScript 运算符,VBScript 有一套完整的运算符，包括算术运算符、比较运算符、连接运算符和逻辑运算符 算术运算符：运算符*运算符/运算符 运算符Mod 运算符+运算符-运算符连接运算符,VBScript 运算符,比较运算符 result=expressi

26、on1 comparisonoperator expression2 result=object1 Is object2指明两个或多个数值或表达式之间关系的字符或符号。这些运算符包括小于号()、大于或等于号(=)、不等号()和等号(=)。result 是 True、False 或 Null,VBScript 运算符,连接运算符&运算符+运算符逻辑运算符&运算符Not 运算符Or 运算符Xor 运算符,使用条件语句,控制程序执行If.Then.Else 语句 Select Case 语句,使用 If.Then.Else,Sub AlertUser(value)If value=0 Then Al

27、ertLabel.ForeColor=vbRed AlertLabel.Font.Bold=True AlertLabel.Font.Italic=True Else AlertLabel.Forecolor=vbBlack AlertLabel.Font.Bold=False AlertLabel.Font.Italic=False End If End Sub,对多个条件进行判断,Sub ReportValue(value)If value=0 Then MsgBox value ElseIf value=1 Then MsgBox value ElseIf value=2 then Ms

28、gbox value Else Msgbox“数值超出范围！”End If End sub,使用 Select Case 进行判断,Select Case Document.Form1.CardType.Options(SelectedIndex).Text Case MasterCard DisplayMCLogoValidateMCAccount Case Visa DisplayVisaLogoValidateVisaAccount Case American Express DisplayAMEXCOLogo ValidateAMEXCOAccount Case Else Displa

29、yUnknownImage PromptAgain End Select,循环语句,在 VBScript 中可使用下列循环语句：Do.Loop：当（或直到）条件为 True 时循环。While.Wend：当条件为 True 时循环。For.Next：指定循环次数，使用计数器重复运行语句。For Each.Next：对于集合中的每项或数组中的每个元素，重复执行一组语句。,使用 Do 循环,Sub ChkFirstWhile()Dim counter,myNum counter=0 myNum=20 Do While myNum 10 myNum=myNum-1 counter=counter+1

30、 Loop MsgBox“循环重复了”&counter&“次。”End Sub,使用 Do 循环（until）,Sub ChkFirstUntil()Dim counter,myNum counter=0 myNum=20 Do Until myNum=10 myNum=myNum-1 counter=counter+1 Loop MsgBox“循环重复了”&counter&“次。”End Sub,使用 Do 循环（Exit Do）,Sub ExitExample()Dim counter,myNum counter=0 myNum=9 Do Until myNum=10 myNum=myNu

31、m-1 counter=counter+1 If myNum 10 Then Exit Do Loop MsgBox“循环重复了”&counter&“次。”End Sub,使用 While.Wend,While.Wend 语句是为那些熟悉其用法的用户提供的。但是由于 While.Wend 缺少灵活性，所以建议最好使用 Do.Loop 语句。,使用 For.Next,Sub DoMyProc50Times()Dim x For x=1 To 50 MyProc Next End Sub For 语句指定计数器变量 x 及其起始值与终止值。Next 语句使计数器变量每次加 1,Step与exit

32、for,Sub TwosTotal()Dim j,total For j=2 To 10 Step 2 total=total+j Next MsgBox 总和为&total&。End Sub 关键字 Step 用于指定计数器变量每次增加或减少的值Exit For 语句用于在计数器达到其终止值之前退出 For.Next 语句。,使用 For Each.Next,For Each.Next 循环与 For.Next 循环类似。For Each.Next 不是将语句运行指定的次数，而是对于数组中的每个元素或对象集合中的每一项重复一组语句。这在不知道集合中元素的数目时非常有用。,VBScript 过

33、程,在 VBScript 中，过程被分为两类：Sub 过程和 Function 过程。Sub 过程是包含在 Sub 和 End Sub 语句之间的一组 VBScript 语句，执行操作但不返回值。Sub 过程可以使用参数。如果 Sub 过程无任何参数，则 Sub 语句必须包含空括号()。,Sub例子,Sub ConvertTemp()temp=InputBox(“请输入华氏温度。”,1)MsgBox“温度为”&Celsius(temp)&“摄氏度。”End Sub MsgBox 函数：在对话框中显示消息，等待用户单击按钮，并返回一个值指示用户单击的按钮。InputBox 函数：在对话框中显示提

34、示，等待用户输入文本或单击按钮，并返回文本框内容。,Function 过程,Function 过程是包含在 Function 和 End Function 语句之间的一组 VBScript 语句。Function 过程与 Sub 过程类似，但是 Function 过程可以返回值。Function 过程可以使用参数。如果 Function 过程无任何参数，则 Function 语句必须包含空括号()。Function 过程通过函数名返回一个值，这个值是在过程的语句中赋给函数名的。Function 返回值的数据类型总是 Variant。,Sub与function的使用,Sub ConvertTem

35、p()temp=InputBox(“请输入华氏温度。”,1)MsgBox“温度为”&Celsius(temp)&“摄氏度。”End Sub Function Celsius(fDegrees)Celsius=(fDegrees-32)*5/9 End Function,VBScript 编码约定,编码约定是帮助您使用 Microsoft Visual Basic Scripting Edition 编写代码的一些建议。常数命名约定：全部字母大写以和其他变量区分。常数名中的多个单词用下划线(_)分隔。变量命名约定：前缀表示类型变量作用域：前缀前加一个单字符前缀其他,深入 VBScript,学习高

36、级 VBScript 技术的最快方法是阅读大量的样例。更好地理解对象模型有助于深入学习 VBScript。,简单例子分析,一个简单首页 一个简单首页,简单验证 10 Then MsgBox 请输入一个 1 到 10 之间的数字。Else MsgBox 谢谢。End If Else MsgBox 请输入一个数字。End IfEnd Sub,JavaScript,是一种新的描述语言，此一语言可以被箝入 HTML 的文件之中。透过 JavaScript 可以做到回应使用者的需求事件(如：form 的输入)而不用任何的网路 来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端(serve

37、r)处理，再传回来的过程，而直接可以被客户端(client)的应用程式所处理。可 以想像成有一个可执行程式在你的客端上执行一样！,JavaScript语 言 起 初 并 不 叫 此 名 称,它 的 早期是Netscape的 开 发 者 们 称 之 为Mocha的 语言,开 始 在 网 上 进 行 测 试 时,名 字 改 为LiveScript,直 至发 行 Netscape 2.0 测 试版 时才 称 其 为JavaScript。Sun公 司 推 出 Java之 后,Netscape引 进 了 Sun 的有关概 念,将 自 己 原 有 的 LiveScript 更 名 为JavaScript,

38、它 不 仅 支 持 Java的 Applet小 程 序,同 时 向 Web作 者 提 供一 种 嵌 入 HTML文 档进行编 程 的、基 于 对 象 的 Script程 序 设 计 语 言,采 用 的 许 多结 构 与 Java相 似。,JAVA与javascript,Java是 基于 C+、面向计算机 程 序 设 计 人 员 提 供 的 语 言,对 非 程 序设 计 人 员 不 易 学 习掌 握;JavaScript是 一 种脚本(Script)语 言,面 向 非 程 序 设 计 人 员 编 写Web页、增 加编 写 交 互 界 面 灵 活 性 的 一 种简洁 易 懂 的 语 言。JavaS

39、cript源 代 码 无 须 编 译 JavaScript无 须 特 殊 开 发 环 境,JAVAscript特点,(1)节 省 了 CGI的 交 互 时 间(2)节 省 了 浏 览 者 的 访 问 时 间 和 网 络 的流量量(3)将 Java Applet作 为 处 理 对 象,Javascript语法,赋值语句name=“homepage”;var today=new Date();表达式var anExpression=“3*(4/5)”,数据类型,字符串单引号或双引号“18”数字型整数浮点布尔型,操作符,算术操作符逻辑操作符位操作符赋值操作符操作符优先级,保留字,abstract b

40、oolean break byte case catch char class const continue default do double else extends false final finally float for function goto if implements import in instanceof int interface long native new null package private protected public return short static super switch synchronized this throw throws tra

41、nsient true try var void while with,变量,变量申明不是必须的var h1=3;变量命名规则第一个必须是字母或者下划线后面必须是字母、下划线与数字不能是保留字,变量转换,Var h1=1;Var h2=10;Var h3=“count from”;H3+=h1+”to”+h2+”.”;h1+=1+”10”;,强制类型转化,parseInt()parseFloat()var h1=0;H1+=1+parseInt(“10”)+parseFloat(“10.5”);,变量域,全局局部,JAVASCRIPT中的函数,创建函数,Function与javascript语

42、句组成,HTML TITLEThis is a test/TITLE HEAD SCRIPT LANGUAGE=JavaScript!-to hide script contents from old browsers/end hiding contents from old browsers-/SCRIPT/HEAD BODY This is a test:SCRIPT LANGUAGE=JavaScript document.write Hello!/SCRIPT/BODY/HTML,一个简单的例子,函数调用的例子,HTML TITLEThis is a functions test/TI

43、TLE HEAD SCRIPT LANGUAGE=JavaScript!-to hide script contents from old browsers function square(i)document.write(The call passed,i,to the square function.,)return i*i document.write(The function re-turned,square(8),.)/end hiding contents from old drowsers-/SCRIPT/HEAD BODY BR All done./BODY/HTML,计算例子

44、,HTML TITLEForm Object example/TITLE HEAD SCRIPT LANGUAGE=JavaScript function compute(obj)obj.result.value=eval(obj.expr.value)/SCRIPT/HEAD BODY FORM NAME=evalform METHOD=get Enter an expression:TNPUT TYPE=textNAME=expr SIZE=20 BR Result:INPUT TYPE=textNAME=result SIZE=15 BR INPUT TYPE=buttonNAME=Bo

45、ttom1 VALUE=Calculate onClick=compute(this.form)/FORM/BODY/HTML,Javascript对象列表,anchor applet button checkbox Date document form history link location Math password radioButton reset selection string submit text textArea window,Javacript对象属性,内部对象,数组对象字符串对象数学对象日期对象,数组对象,var table=new array(17)var row=

46、new array(17)for(var j=0;jtable.length;j+)for(var i=0;irow.length;i+)rowI=(i+”*”+j+”=“+i*j);,数组对象的语法,New array()New array(size)New array(element0,e1,en)单个元素用 表示如x4起始编号为0,数组对象的方法,Join方法Sort方法,字符串对象,语法形式：Stringobj.methodVar h3;H3=new string(“欢迎”);,数学对象,语法Math.property|method 属性Var radius=2;Var h1=Math

47、.PI*radius*radius;方法H1=math.power(radius,3);,日期对象,语法Var newdateobj=new Date();Var newdateobj=new Date(year,month,day);Var newdateobj=new Date(year,month,day,hours,minutes,seconds);Var newdateobj=new Date(“year,month,day,hours,minutes,seconds”);,创建自己的对象,面向对象的方法Fuction cookie()使用Var bread=new cookie(“

48、whear”,”yellow”,0.2,”circle”,true,true,true);Bread.butter=true;,条件语句,If conditionStatement1ElseStatement2,For语句,For(initialization;test;increment)statement,While语句,While(expression)statement,break,跳出当前的循环Break;,Continue语句,停止当前循环，直接进行下次循环Continue;,Return语句,返回值Return 表达式；,对象操作语句 for in,对象或数组的每个元素，作一条语

49、句For(variable in object|array)statement,function,产生一个新函数,new,创建对象，分配内存空间New constructor,Var,申明变量Var variable=value,variable2=value2,with,为一个语句建立默认对象，进入对象内部With(object)StatementWith(math)X=cos(3*PI)+sin(LN10（2）)比较：X=math.cos(3*m ath.PI)+math.sin(math.ln10(2),注释,/*/,状态栏显示时间 将下代码copy入你网页的和中的合适地方即可。12)?

50、hours-12:hours),timeValue+=(minutes=12)?P.M.:A.M.window.status=timeValue;timerID=setTimeout(showtime(),1000);timerRunning=true;function startclock()stopclock();showtime();-将你Html文件的改为如下：,弹出窗口的制作有时候你需要在进入网站的同时，弹出一个小窗口，告诉来访者最新的消息或则调查，广告之类的东西，实现的方法很简单，将下面的代码插入之间就可以了：,setTimeout函数,JavaScript提供了一个很有用的函数s