《jsp入门基础教程【经典讲义】【入门必读】.pptx》由会员分享，可在线阅读，更多相关《jsp入门基础教程【经典讲义】【入门必读】.pptx（136页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、1第第3章章 JSP动态网页设计基础动态网页设计基础 2了解和掌握了解和掌握HTML语法、语法、CSS语法语法 掌握掌握JSP注释、变量和方法的声明注释、变量和方法的声明 掌握掌握JSP指令、指令、JSP动作（动作（Action）语法）语法 学习目标学习目标 3学习内容学习内容HTML语法语法 CSS语法语法 JavaScript脚本脚本JSP注释注释 变量、方法的声明变量、方法的声明 JSP指令指令 JSP动作（动作（Action）语法）语法JSP脚本脚本 4HTML文件的一般格式文件的一般格式：网页标题网页标题 网页正文网页正文5使用标题标签使用标题标签欢迎学习欢迎学习JSP！欢迎学习欢迎
2、学习JSP！欢迎学习欢迎学习JSP！6加入超级链接加入超级链接1、锚点标记锚点标记格式：格式：热点热点例如：例如：山山东农业大学东农业大学 7加入表单加入表单一个表单至少应该包括：一个表单至少应该包括：n表单标签：处理表单数据所用表单标签：处理表单数据所用CGI程序的程序的URL以及数据提交到服务器的方法。以及数据提交到服务器的方法。n表单域：文本框、密码框、隐藏域、多行表单域：文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文文本框、复选框、单选框、下拉选择框和文件上传框等。件上传框等。n表单按钮：提交按钮、复位按钮和一般按钮表单按钮：提交按钮、复位按钮和一般按钮81.表单标
3、记表单标记 .action属性：属性：E-MAIL地址或网址。地址或网址。method属性：属性：GET/POST标记：表单中提供给用户的输入形式。标记：表单中提供给用户的输入形式。92、文字和密码的输入：、文字和密码的输入：type属性为属性为text：输入文本以标准的字符显示。：输入文本以标准的字符显示。type属性为属性为password：输入文本显示为：输入文本显示为“*”。3、重置和提交、重置和提交104、复选框和单选钮、复选框和单选钮 checked表示是否为默认选中项。表示是否为默认选中项。11head部分包含元素及描述部分包含元素及描述：title：文档标题。：文档标题。met
4、a：描述非：描述非html标准的一些文档信息。标准的一些文档信息。link：描述当前文档与其他文档之间的连接关：描述当前文档与其他文档之间的连接关系。系。base：定义体试时默认的外部资源。：定义体试时默认的外部资源。script：脚本程序内容：脚本程序内容style：样式表内容：样式表内容121、title：title包含的内容将会被显示在浏览器窗口的标包含的内容将会被显示在浏览器窗口的标题栏中。题栏中。语法格式：语法格式：在省略号处加入在省略号处加入的文字或符号，都将显示在浏览器的标题栏中。的文字或符号，都将显示在浏览器的标题栏中。132、meta：下面是下面是meta的几种用法：的几种用
5、法：（1）定义搜索关键字：）定义搜索关键字：meta元素提供的信息是用户不可见的，元素提供的信息是用户不可见的，只是提供给那些搜索引擎使用。只是提供给那些搜索引擎使用。14（2）控制页面缓存：）控制页面缓存：在用户下次打开网页时，浏览器直接调用硬在用户下次打开网页时，浏览器直接调用硬盘上缓存的上次临时版本。如果每次打开网盘上缓存的上次临时版本。如果每次打开网页的时看到最新版本，就加上该语句！页的时看到最新版本，就加上该语句！15（3）定义语言：）定义语言：设定语言的编码方式。便于浏览器正确的设定语言的编码方式。便于浏览器正确的选择语言，不需要人工选取。选择语言，不需要人工选取。16（4）自动刷
6、新页面）自动刷新页面注意：注意：标识必须放置在标识必须放置在中中http-equiv属性值设置为属性值设置为“Refresh”时，要时，要求显示求显示URL指定的文件。指定的文件。173、script：用来在页面中加入脚本程序。用来在页面中加入脚本程序。在在language中一定要指定脚本语言的中一定要指定脚本语言的种类。如种类。如VBScript等。等。184、style：用来指定当前文档的用来指定当前文档的css层叠样式表。层叠样式表。css对于网页的字体样式、背景、边界等都对于网页的字体样式、背景、边界等都有很大的应用。有很大的应用。193.2 CSS语法语法 CSS简介简介 CSS基本
7、语法基本语法 CSS基本属性基本属性 20一、一、CSS简介简介CSS（Cascading Style Sheet“层叠样式层叠样式表表”或或“级联样式单级联样式单”）制作网页时采用制作网页时采用CSS技术，可以有效地对技术，可以有效地对页面布局、字体、颜色、背景页面布局、字体、颜色、背景和和其它效果其它效果实现更加精确的控制，可以改变同一页面的不同实现更加精确的控制，可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。部分，或者页数不同的网页的外观和格式。21“Cascading”即在同一个即在同一个Web文档中可以有多个样文档中可以有多个样式表存在，根据所在的位置，拥有不同的优先级
8、。式表存在，根据所在的位置，拥有不同的优先级。优先级越高，就会被最后在显示时采用。优先级越高，就会被最后在显示时采用。从样式表插入的形式来看可以分为三种：从样式表插入的形式来看可以分为三种：1、内联式样式表、内联式样式表：利用现有的利用现有的HTML标记把特殊的样式加入到标记把特殊的样式加入到那些由标记控制的信息中。那些由标记控制的信息中。22 2、嵌入式样式表、嵌入式样式表：嵌入到嵌入到HTML文件的头部中去（文件的头部中去（和和标记之间），使用标记之间），使用容器装载，例如：容器装载，例如：p color:blue;font-weight:bold 对页面中所有对页面中所有标记都起作用。标
9、记都起作用。23 3、外部式样式表、外部式样式表：一种保存在外部的样式表文件，外部文件一种保存在外部的样式表文件，外部文件以以.CSS为扩展名，例如为扩展名，例如:24CSS扩展扩展HTML但不能脱离但不能脱离HTML，仅是一项，仅是一项辅助工具。辅助工具。n减少图形文件使用。减少图形文件使用。CSS提供很多文字样式，可轻松取代提供很多文字样式，可轻松取代原来图形表现的视觉效果。原来图形表现的视觉效果。n集中管理样式信息。集中管理样式信息。CSS可将网页要展示内容与样式设定可将网页要展示内容与样式设定分开。分开。n设定共享样式。设定共享样式。CSS样式信息存成独立文件，让多个网页样式信息存成独
10、立文件，让多个网页文件共同使用。文件共同使用。n样式分类使用。在一份样式分类使用。在一份HTML网页文件上套用多个网页文件上套用多个CSS样样式文件。式文件。25二、二、CSS基本语法基本语法 CSS的基本语法：的基本语法：基本格式、注释语句、选择符基本格式、注释语句、选择符等是开发等是开发CSS基础。基础。n通常，样式表的定义分为通常，样式表的定义分为选择符（选择符（selector）和和块块（block），块里包含），块里包含属性属性(properties)和和属性的取值（属性的取值（value）.格式：格式：选择符选择符属性：属性值属性：属性值 26格式：格式：选择符选择符属性：属性值属
11、性：属性值 n开发人员可以在开发人员可以在CSS中插入注释来说明代码含义。中插入注释来说明代码含义。CSS注释以注释以“/*”开头，以开头，以“*/”结尾。结尾。nCSS中，选择符可以分为中，选择符可以分为:HTML标记选择符（标记选择符（HTML selector）、）、类选择符（类选择符（Class selector）ID选择符（选择符（ID selector）。27 这里是这里是FIF制作小组制作小组 这里是这里是FIF制作小组制作小组 281.类选择符类选择符 .mfont-family:隶书隶书;font-size:18px;color:#ff0000;text-decoration
12、:line-through;请注意请注意 这里是这里是FIF制作小制作小组组 29 afont-size:36px;color:#ff0000;text-decoration:line-through;这里是这里是FIF制作小组制作小组这里是这里是FIF制作小组制作小组2、HTML标记选择符标记选择符 30#5font-size:24px;color:#0000ff;text-decoration:line-through;这里是这里是FIF制作小组制作小组这里是这里是FIF制作小组制作小组 3、ID选择符选择符31hongen 这里这里Style是内嵌到是内嵌到中来定义该段落内的中来定义该段
13、落内的格式的。在格式的。在中用中用直接定义。直接定义。这种定义方法非常适用于编写的代码比较多的情况。这种定义方法非常适用于编写的代码比较多的情况。而上面的代码的而上面的代码的CSS定义格式则非常适用于代定义格式则非常适用于代码较少、结构较简单的情况。码较少、结构较简单的情况。32怎样编写怎样编写CSS？1、把把CSS文档放到文档放到文档中文档中：其中其中中的中的“type=text/css”的意思是的意思是中中的代码是定义样式表单的。的代码是定义样式表单的。332、把、把CSS样式表写在样式表写在HTML的行内。的行内。如：如：蓝色蓝色14号文字号文字采用采用的格式把样式写在的格式把样式写在h
14、tml中的任意行内，这样比较方便灵活。中的任意行内，这样比较方便灵活。343、把编辑好的、把编辑好的CSS文档保存成文档保存成“.CSS”文件，文件，然后在然后在中定义。中定义。定义格式：定义格式：“href=style.css”指需要连接的指需要连接的文件地址。文件地址。353.3 JavaScript脚本语言脚本语言JavaScript语言概况语言概况 JavaScript基本数据结构基本数据结构 JavaScript程序构成程序构成 基于对象的基于对象的JavaScript语言语言 创建新对象创建新对象 使用内部对象系统使用内部对象系统 窗口及输入输出窗口及输入输出 WEB页面信息的交互
15、页面信息的交互 363.3.1 JavaScriptJavaScript是一种基于对象是一种基于对象(Object)和事件驱动和事件驱动(Event Driven)并具有安全性并具有安全性能的脚本语言。使用目的是与能的脚本语言。使用目的是与HTML语言、语言、Java 脚本语言（脚本语言（Java小程序）一起实现在小程序）一起实现在一个一个Web页面中链接多个对象，与页面中链接多个对象，与Web客客户交互户交互，从而开发客户端应用程序。它通过从而开发客户端应用程序。它通过嵌入或调入在标准的嵌入或调入在标准的HTML语言中实现的。语言中实现的。373.3.2 JavaScript和和Java J
16、ava是是SUN公司推出的新一代面向对象公司推出的新一代面向对象的程序设计语言，特别适合于的程序设计语言，特别适合于Internet应用应用程序开发；而程序开发；而JavaScript是是Netscape公司的公司的产品，其目的是为扩展产品，其目的是为扩展Netscape Navigator功能而开发的一种可以嵌入功能而开发的一种可以嵌入Web页面中的基页面中的基于对象和事件驱动的解释性语言。于对象和事件驱动的解释性语言。38 Java是一种面向对象的语言，即使是开是一种面向对象的语言，即使是开发简单的程序，必须设计对象。发简单的程序，必须设计对象。JavaScript是种脚本语言，是种脚本语
17、言，它是一种基它是一种基于对象（于对象（Object Based）和事件驱动）和事件驱动（Event Driver）的编程语言。它本身提供）的编程语言。它本身提供丰富的内部对象供设计人员使用。丰富的内部对象供设计人员使用。39 Java的源代码在传递到客户端执行之前，必的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言，其源代
18、是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户编由浏览器解释文本格式的字符代码发送给客户编由浏览器解释执行。执行。403.3.3 JavaScript基本数据结构基本数据结构 一、一、JavaScript代码的加入代码的加入直接将直接将JavaScript脚本加入脚本加入HTML文档：文档：JavaScript语言代码；语言代码；JavaScript 语言代码语言代码;.41二、基本数据类型二、基本数据类型数值数值（整数和实数）、（整数和实数）、字符串型字符串型（用（用“”号或号或括起来的字符或数值）
19、、括起来的字符或数值）、布尔型布尔型（True或或False）和）和空值空值。JavaScript采用弱类型的形式，因而一个数据的采用弱类型的形式，因而一个数据的变量或常量不必首先作声明，而是在使用或赋值时确变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型，定其数据的类型的。当然也可以先声明该数据的类型，它是通过在赋值时自动说明其数据类型的。它是通过在赋值时自动说明其数据类型的。42 (1)整型常量整型常量JavaScript的常量通常又称字面常量，它是不能的常量通常又称字面常量，它是不能改变的数据。其整型常量可以使用十六进制、八改变的数据。其整型常
20、量可以使用十六进制、八进制和十进制表示其值。进制和十进制表示其值。(2)实型常量实型常量实型常量是由整数部分加小数部分表示，如实型常量是由整数部分加小数部分表示，如12.32、193.98。可以使用科学或标准方法表。可以使用科学或标准方法表示：示：5E7、4e5等。等。2、常量、常量43 (3)布尔值布尔值 布尔常量只有两种状态：布尔常量只有两种状态：True或或False。它主要用来说明或代表一种状态或标志，以说明它主要用来说明或代表一种状态或标志，以说明操作流程。操作流程。JavaScript只能用只能用True或或False表示表示其状态。其状态。2、常量、常量 (4)字符型常量字符型常
21、量 使用单引号（使用单引号（）或双引号（）或双引号（“）括起来的一个或）括起来的一个或几个字符。如几个字符。如 This is a book of JavaScript、3245、ewrt234234 等。等。44(5)空值空值JavaScript中有一个空值中有一个空值null,表示什么也没有。如表示什么也没有。如试图引用没有定义的变量试图引用没有定义的变量,则返回一个则返回一个Null值。值。(6)特殊字符特殊字符同语言一样，同语言一样，JavaScript中同样以有些以反斜杠中同样以有些以反斜杠（）开头的不可显示的特殊字符。通常称为控制（）开头的不可显示的特殊字符。通常称为控制字符。字符
22、。453、变量、变量(1)变量的命名变量的命名 必须是一个有效的变量，即变量以字母开头，中必须是一个有效的变量，即变量以字母开头，中间可以出现数字如间可以出现数字如test1、text2等。除下划线（）等。除下划线（）作为连字符外，变量名称不能有空格、（）、（）作为连字符外，变量名称不能有空格、（）、（）、（，）或其它符号。、（，）或其它符号。不能使用不能使用JavaScript中的关键字作为变量。中的关键字作为变量。在在JavaScript中定义了多个类键字，这些关键中定义了多个类键字，这些关键是是JavaScript内部使用的，不能作为变量的名称。内部使用的，不能作为变量的名称。如如Var
23、、int、double、true不能作为变量的名称。不能作为变量的名称。46(2)变量的类型变量的类型可以用命令可以用命令Var作声明作声明:var mytest;Var mytest=”This is a book”变量可以在使用时再根据数据类型确定变量类型。变量可以在使用时再根据数据类型确定变量类型。如：如：x=100 y=125 xy=True cost=19.5。其中其中x整数，整数，y为字符串，为字符串，xy为布尔型，为布尔型，cost为实型。为实型。47(3)变量的声明及其作用域变量的声明及其作用域 变量的作用域。全局变量是定义在所有函变量的作用域。全局变量是定义在所有函数体之外，
24、其作用范围是整个函数；而局部变数体之外，其作用范围是整个函数；而局部变量是定义在函数体之内，只对其该函数是可见量是定义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。的，而对其它函数则是不可见的。48三、表达式和运算符三、表达式和运算符、表达式、表达式算术表述式、字串表达式、赋值表达式、布尔表达算术表述式、字串表达式、赋值表达式、布尔表达式。式。、运算、运算（）算术运算符（）算术运算符（单目运算符单目运算符和和双目运算符双目运算符）49（）比较运算符（）比较运算符（）布尔逻辑运算符（）布尔逻辑运算符增加了几个布尔逻辑运算符增加了几个布尔逻辑运算符:!（取（取反反)、&=（与之后赋
25、值）、（与之后赋值）、&（逻辑与）、（逻辑与）、|=（或之后赋值）、（或之后赋值）、|（逻辑或）、（逻辑或）、=（异或之（异或之后赋值）、后赋值）、（逻辑异或）、（逻辑异或）、?:（三目操作符）、（三目操作符）、|（或）、（或）、=(等于等于)、|=(不等于不等于)。503.3.4 JavaScript程序构成程序构成一、程序控制流一、程序控制流、if条件语句条件语句 基本格式基本格式 if（表述式）（表述式）语句段；语句段；.else语句段；语句段；.、For循环语句循环语句for（初始化；条件；增量）（初始化；条件；增量）语句集；语句集；513.3.4 JavaScript程序构成程序构成
26、、while循环循环基本格式基本格式while（条件）（条件）语句集；语句集；、break和和continue语句语句 52二、函数二、函数、JavaScript函数定义函数定义Function 函数名函数名（参数，变元）（参数，变元）函数体函数体;.Return 表达式表达式;、函数中的形式参数：、函数中的形式参数：函数名后有参数表，参数变量可能是一个或函数名后有参数表，参数变量可能是一个或几个。在几个。在JavaScript中可通过中可通过arguments.Length来检查参数的个数。来检查参数的个数。53三、事件驱动及事件处理三、事件驱动及事件处理、基本概念、基本概念JavaScri
27、pt是是object-based的语言。的语言。即在图形界面环境下，使得一切输入变化简即在图形界面环境下，使得一切输入变化简单化。通常鼠标或热键的动作称之为事件单化。通常鼠标或热键的动作称之为事件（Event），而由鼠标或热键引发的一连串），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动（程序的动作，称之为事件驱动（Event Driver）。而对事件进行处理程序或函数，）。而对事件进行处理程序或函数，称之为事件处理程序（称之为事件处理程序（Event Handler）。）。54、事件处理程序、事件处理程序在在JavaScript中对象事件的处理通常中对象事件的处理通常由函数由函数(Fu
28、nction)担任。其基本格式与函担任。其基本格式与函数全部一样。格式如下：数全部一样。格式如下：Function 事件处理名事件处理名（参数表参数表）事件处理语句集；事件处理语句集；55、事件驱动、事件驱动事件通过鼠标或热键的动作引发。主要有以下事件：事件通过鼠标或热键的动作引发。主要有以下事件：（）单击事件（）单击事件onClick当用户单击鼠标按钮时，产生当用户单击鼠标按钮时，产生onClick事件。通事件。通常在下列基本对象中产生：常在下列基本对象中产生：button（按钮对象）（按钮对象）checkbox（复选框）或（检查列表框）（复选框）或（检查列表框）radio（单选钮）（单选钮
29、）reset buttons（重要按钮）（重要按钮）submit buttons（提交按钮）（提交按钮）56例：可通过下列按钮激活例：可通过下列按钮激活change()文件：文件：在在onClick等号后，可以使用自己编写的函数作等号后，可以使用自己编写的函数作为事件处理程序，也可以使用为事件处理程序，也可以使用JavaScript中内部的中内部的函数。还可以直接使用函数。还可以直接使用JavaScript的代码等。例：的代码等。例：Input type=button value=onclick=alert(这是一个例子这是一个例子）;57（）（）onChange改变事件改变事件当利用当利用t
30、ext或或texturea元素输入字符值改变时元素输入字符值改变时发该事件，同时当在发该事件，同时当在select表格项中一个选项状态改表格项中一个选项状态改变后也会引发该事件。变后也会引发该事件。例：例：58（）选中事件（）选中事件onSelect当当Text或或Textarea对象中的文字被加亮对象中的文字被加亮后，引发该事件。后，引发该事件。（）获得焦点事件（）获得焦点事件onFocus当用户单击当用户单击Text或或textarea及及select对对象时产生该事件。此时该对象成为前台对象。象时产生该事件。此时该对象成为前台对象。（）失去焦点（）失去焦点onBlur当当text对象或对
31、象或textarea对象以及对象以及select对对象不再拥有焦点、而退到后台时，引发该文件，象不再拥有焦点、而退到后台时，引发该文件，他与他与onFocas事件事件是一个对应的关系。是一个对应的关系。59（）载入文件（）载入文件onLoad当文档载入时，产生该事件。当文档载入时，产生该事件。onLoad一个作用就是在首次载入一个文一个作用就是在首次载入一个文档时检测档时检测cookie的值，并用一个变量为的值，并用一个变量为其赋值，使它可以被源代码使用。其赋值，使它可以被源代码使用。（）卸载文件（）卸载文件onUnload当当Web页面退出时引发页面退出时引发onUnload事件，并可更新事
32、件，并可更新Cookie的状态。的状态。60 调用调用 下例程序当装下例程序当装入入HTML文档文档时调用时调用loadform()函数函数,而退出而退出该文档进入另该文档进入另一一HTML文档文档时则首先调用时则首先调用unloadform()函数函数,确认后确认后方可进入。方可进入。613.3.5基于对象的基于对象的JavaScript语言语言一、对象的基础知识一、对象的基础知识、对象的基本结构、对象的基本结构 JavaScript中的对象是由中的对象是由属性属性(properties)和和方法方法(methods)两个基本的元素构成。两个基本的元素构成。、引用对象的途径、引用对象的途径一
33、个对象要被使用，可采用以下几种方式：一个对象要被使用，可采用以下几种方式：n引用引用JavaScript内部对象；内部对象；n由浏览器环境中提供；由浏览器环境中提供；n创建新对象。创建新对象。62、有关对象操作语句 (1)For.in语句语句 格式如下：格式如下：For（对象属性名（对象属性名 in 已知对象名）已知对象名）n用于对已知对象的所有属性进行操作的控制循用于对已知对象的所有属性进行操作的控制循环。它是将一个已知对象的所有属性反复置给环。它是将一个已知对象的所有属性反复置给一个变量；而不是使用计数器来实现的。一个变量；而不是使用计数器来实现的。n优点是无需知道对象中属性的个数即可操作
34、。优点是无需知道对象中属性的个数即可操作。63例：例：Function showData(object)for(var prop in object)document.write(objectprop)；使用该函数时，在循环体中，使用该函数时，在循环体中，For自动将自动将的属性取出来，直到最后为此。的属性取出来，直到最后为此。64(2)with语句语句：该语句体内，任何对变量的引用被该语句体内，任何对变量的引用被认为是这个对象的属性。认为是这个对象的属性。with object.所有在所有在with语句后的花括号中的语语句后的花括号中的语句，都在后面句，都在后面object对象的作用域中。对
35、象的作用域中。65(3)this关键字关键字 在在JavaScript由于对象的引用是多层次，由于对象的引用是多层次，多方位的，对象间的彼此引用较多，有多方位的，对象间的彼此引用较多，有可能造成混乱，为此可能造成混乱，为此JavaScript提供语提供语句句this用于指定当前对象。用于指定当前对象。66(4)New运算符运算符 使用使用New运算符可创建一个新对象。格式：运算符可创建一个新对象。格式：Newobject=NEW Object(Parameters table);如创建一个日期新对象如创建一个日期新对象newData=New Data()birthday=New Data(De
36、cembe?12.1998)67、对象属性的引用、对象属性的引用 （）使用点（）使用点（.）运算符）运算符 university.Name=“云南省云南省”university.city=“昆明市昆明市”university.Date=1999 其中其中university是一个已经存在的对象，是一个已经存在的对象，Name、City?Date是它的三个属性，并通过是它的三个属性，并通过操作对其赋值。操作对其赋值。68（）通过对象的下标实现引用（）通过对象的下标实现引用 university0=“云南云南”university1=“昆明市昆明市”university2=1999 （）通过字符串
37、的形式实现（）通过字符串的形式实现 universityName=“云南云南”universityCity=“昆明市昆明市”universityDate=199969、对象的方法的引用、对象的方法的引用ObjectName.methods()如：引用如：引用university对象中对象中showmy（）可使（）可使用：用：document.write(university.showmy()或：或：document.write(university)70如引用如引用math内部对象中内部对象中cos()的方法，则：的方法，则：with(math)document.write(cos(35)?d
38、ocument.write(cos(80);若不使用若不使用with则引用时相对要复杂些：则引用时相对要复杂些：document.write(Math.cos(35)document.write(math.sin(80)71二、常用对象的属性和方法二、常用对象的属性和方法1、常用内部对象、常用内部对象)、string对象对象 n使用格式：使用格式：objectName.op/methods（）串对象的属性（）串对象的属性该对象只有一个属性，即该对象只有一个属性，即length。例：。例：mytest=This is a JavaScriptmystringlength=mytest.lengt
39、h72（）（）string对象方法对象方法 方法共有个。主要用于有关字符方法共有个。主要用于有关字符串在串在Web页面中的显示、字体大小、字体页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写。颜色、字符的搜索以及字符的大小写。73、算术函数的、算术函数的math对象对象（）主要属性（）主要属性提供个属性，学中经常用到的常数提供个属性，学中经常用到的常数、以为底的自然对数、以为底的自然对数、以为底的自然对数以为底的自然对数LN2、3.14159的的PI、1/2的平方根的平方根SQRT1-2,2的平方根的平方根为为SQRT2。74、算术函数的、算术函数的math对象对象（）主要方法（）
40、主要方法 绝对值：绝对值：abs()正弦余弦值：正弦余弦值：sin(),cos()反正弦反余弦反正弦反余弦:asin(),acos()正切反正切：正切反正切：tan(),atan()四舍五入：四舍五入：round()平方根：平方根：sqrt()基于几方次的值：基于几方次的值：Pow(base,exponent)75、日期及时间对象、日期及时间对象 必须使用必须使用New运算符创建一个实例。例运算符创建一个实例。例:MyDate=New Date()Date对象没有提供直接访问的属性。对象没有提供直接访问的属性。(1)获取日期的时间方法获取日期的时间方法 getYear():年数年数 getMo
41、nth():当月号数当月号数getDate():当日号当日号 getDay():星期几星期几 getHours():小时数小时数 getMintes():分钟数分钟数 getSeconds():秒数秒数 getTime():毫秒数毫秒数76（）设置日期和时间：（）设置日期和时间：setYear();设置年设置年 setDate():设置当月号数设置当月号数setMonth():设置当月份数设置当月份数 setHours():设置小时数设置小时数setMintes():设置分钟数设置分钟数 setSeconds():设置秒数设置秒数setTime():设置毫秒数设置毫秒数772、JavaScri
42、pt中的系统函数中的系统函数1返回字符串表达式中的值：返回字符串表达式中的值：方法名：方法名：eval（字串表达式），（字串表达式），例：例：?test=eval(8+9+5/2);2.返回字符串返回字符串ASCI码：码：方法名：方法名：unEscape(string)3返回字符的编码：返回字符的编码：方法名：方法名：escape(chara?er)4返回实数：返回实数：parseFloat(floustring);、返回不同进制的数：、返回不同进制的数：parseInt(numbestring,rad.X)其中其中radix是数的进制，是数的进制，numbs字符串数字符串数783.3.6 创
43、建新对象创建新对象一、对象的定义一、对象的定义基本格式如下：基本格式如下：Function Object（属性表）（属性表）This.prop1=prop1 This.prop2=prop2 .This.meth=FunctionName1;This.meth=FunctionName2;.在一个对象的定义中，可以为该对象指明其属在一个对象的定义中，可以为该对象指明其属性和方法。通过属性和方法构成一个对象的实性和方法。通过属性和方法构成一个对象的实例。例。79 如如:University对象的定义对象的定义 Function university(name,city,creatDate URL
44、)This.name=name This.city=city This.creatDate=New Date(creatDate)This.URL=URL 其中：其中：Name指定一个指定一个“单位单位”名称。名称。City“单位单位”所在城市。所在城市。CreatDate记载记载university对象更新日期。对象更新日期。URL该对象指向一个网址该对象指向一个网址。80二、创建对象实例二、创建对象实例 对象定义完成后，可以为该对象创建一个实对象定义完成后，可以为该对象创建一个实例：例：NewObject=New object();例：例：U1=New university(“云南省云南省
45、”，“昆明市昆明市”，January 05,199712:00:00,http:/www.YN.KM)81三、对象方法的使用三、对象方法的使用 在对象中还需要使用方法。在对象中还需要使用方法。在对象的定义中，在对象的定义中，This.meth=FunctionName语句，就是为语句，就是为定义对象的方法。而对象的方法就是一个函定义对象的方法。而对象的方法就是一个函数数FunctionName。82例：在例：在university对象中增加一个方法，该对象中增加一个方法，该方法是显示它自己本身，并返回相应串。方法是显示它自己本身，并返回相应串。function university(name,
46、city,createDate,URL)This.Name=Name;This.city=city;This.createDate=New Date(creatDate)；This.URL=URL；This.showuniversity=showuniversity;function showuniversity()For(var prop in this)alert(prop+=+thisprop+);其中其中alert是是JavaScript中的内部函数，显示其中的内部函数，显示其字符串。字符串。83定义对象的数组定义对象的数组 Function arrayName(size)This.l
47、ength=Size;for(var X=;X=size;X+)thisX=0;Reture this;其中其中arrayName是定义数组的一个名子，是定义数组的一个名子，Size是有关数组大小的值（是有关数组大小的值（1-size），即数组），即数组元素的个数。通过元素的个数。通过for循环对一个当前对象的数循环对一个当前对象的数组进行定义，最后返回这个数组。组进行定义，最后返回这个数组。3.3.6 JavaScript中的数组中的数组 84一个数组定义完成以后，还不能马上使用，必须一个数组定义完成以后，还不能马上使用，必须为该数组创建一个数组实例：为该数组创建一个数组实例：Myarray
48、=New arrayName(n);并赋于初值：并赋于初值：Myarray1=“字串字串”；Myarray2=“字串字串”；Myarray3=“字串字串”；.Myarrayn=“字串字串n”；一旦给数组赋于了初值后，数组中就具有真正意一旦给数组赋于了初值后，数组中就具有真正意义的数据了，以后就可以在程序设计过程中直义的数据了，以后就可以在程序设计过程中直接引用。接引用。853.3.7 WEB页面信息的交互页面信息的交互一、窗体基础知识一、窗体基础知识窗体（窗体（Form）:它构成了它构成了Web页面的基本元素。通常一个页面的基本元素。通常一个Web页面有一个窗体页面有一个窗体或几个窗体，使用或
49、几个窗体，使用Forms数组来实现不同窗体的访问。数组来实现不同窗体的访问。在在Forms0中共有三个基本元素，而中共有三个基本元素，而Forms1中只中只有两个元素。有两个元素。窗体对象最主要的功能就是能够直接访问窗体对象最主要的功能就是能够直接访问HTML文文档中的窗体，它封装了相关的档中的窗体，它封装了相关的HTML代码：代码：86窗体对象最主要的功能就是能够直接访问窗体对象最主要的功能就是能够直接访问HTML文档中的窗文档中的窗体，它封装了相关的体，它封装了相关的HTML代码：代码：87、窗体对象的方法、窗体对象的方法窗体对象的方法只有一个窗体对象的方法只有一个-submit()方法，
50、该方法主要功用方法，该方法主要功用就是实现窗体信息的提交。如提交就是实现窗体信息的提交。如提交Mytest窗体窗体,则使用下列格式：则使用下列格式：document.mytest.submit()、窗体对象的属性、窗体对象的属性窗体对象中的属性主要包括以下：窗体对象中的属性主要包括以下：elements name action target encoding method.除除Elements外，其它几个均反映了窗体中标识中相应属性外，其它几个均反映了窗体中标识中相应属性的状态，这通常是单个窗体标识；而的状态，这通常是单个窗体标识；而elements常常是多个窗体常常是多个窗体元素值的数组，例