【精品】html+javascript+css（可编辑.ppt

《【精品】html+javascript+css（可编辑.ppt》由会员分享，可在线阅读，更多相关《【精品】html+javascript+css（可编辑.ppt（124页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、HTML+JavaScript+CSSIT Education&TrainingIT Education&TrainingHTTP协议的工作过程四个过程：建立连接、发送请求、发送响应、关闭连接四个过程：建立连接、发送请求、发送响应、关闭连接建立连接：通过申请套接字（Socket），客户打开一个套接字，并将自己绑定到该端口上。发送请求：打开一个连接后，客户机将请求发送到服务器指定的端口，并完成提出请求动作。发送响应：服务器在处理完用户的请求以后，要向客户机发送相应信息。关闭连接：通信双方通过关闭套接字的办法关闭连接2IT Education&TrainingIT Education&Traini

2、ng统一资源定位符（URL）实例实例：http:/:80/cs/news.htmlURL的构成：的构成：http:/，代表超文本传输协议，通知服务器显示Web页面www，Web服务器的主机名，Web服务器所在的域名:80，端口号，默认为80cs，服务器上的子目录news.html，文件夹中的一个html文件3IT Education&TrainingIT Education&TrainingHTML基础HTML(Hyper Text Markup Language)语言简介语言简介超文本标记语言超文本标记语言HTML源于标准通用化标记语言源于标准通用化标记语言SGML（Standard Gen

3、eral Markup Language）是是SGML的子集（的子集（XML同样也是其子集），由同样也是其子集），由Web的发明者的发明者Tim和和Daniel于于1990年创立。年创立。HTML是一门标记型语言，只要记住各个标记的用是一门标记型语言，只要记住各个标记的用法即可法即可可以用任何文本编辑器来编写可以用任何文本编辑器来编写HTML页面，只要将页面，只要将创建的页面保存为创建的页面保存为html或或htm即可即可在客户端浏览器可以查看所编写的源代码在客户端浏览器可以查看所编写的源代码4IT Education&TrainingIT Education&TrainingHTML语言简介

4、HTML的基本语法的基本语法HTML文件由标记和文本组成，格式为：在浏览器中显示的文本标记名和“”之间不能有空格属性通过属性控制各种输出效果，格式为：受到属性影响的文本例如：属性示例属性之间没有顺序，且只能加于起始标记中。5IT Education&TrainingIT Education&TrainingIT Education&TrainingIT Education&TrainingIT Education&TrainingIT Education&TrainingHTML文件的基本结构HTML文件的基本结构文件的基本结构HTML文件以文件以开头，以开头，以结束结束HTML文件包括头部文

5、件包括头部和主体和主体两个部分两个部分基本结构为：基本结构为：网页标题HeadHead的内容可以是标题和元信息的内容可以是标题和元信息（网页关键字、文本文件地址、（网页关键字、文本文件地址、创作信息等网页信息说明）创作信息等网页信息说明）8IT Education&TrainingIT Education&TrainingHTML文件的基本结构HMTL文件标题标记文件标题标记 网页标题标记是可选的，可以没有标记，而单独使用标记HTML的标记不可以直接出现在要显示的内容中，如果需要显的标记不可以直接出现在要显示的内容中，如果需要显示则必须使用相应的转义符代替：示则必须使用相应的转义符代替：9IT

6、 Education&TrainingIT Education&TrainingHTML文件的基本结构HTML文件的主体标记文件的主体标记 主题内容background设置网页的背景图像bgcolor 设置网页的北京颜色text 设置文本的字体颜色link 设置未被访问过的超文本链接的颜色，默认为蓝色vlink 设置已被访问国的超文本链接的颜色，默认为紫色alink 色或者当鼠标移至超文本链接的颜色，默认为红色注：HTML颜色的取值可以用英文单词或以引导的十六进制代码表示，颜色代码由六个数字组成，即#RRGGBB,每一位都是一位十六进制的数字，从0F，可以产生1677万多种颜色。也是一个可选标

7、记10IT Education&TrainingIT Education&Training文字格式标记文字格式标记文字格式标记设置标题标题内容属性align,用来设置标题在页面中的对其方式：left(左对齐，默认)、center（居中）、right（右对齐）属性n,用来指定标题的大小，可以取16的整数，取1时字体最大，取6时字体最小标记显示宋体字标记会自动在标题后加入一个空行，不必再使用标记再加入空行。在一个标题中无法使用不同大小的字体11IT Education&TrainingIT Education&Training文字格式标记设置字体设置字体标记可以用来设置文字的字体，颜色以及字号。f

8、ace属性，用来设置文字的字体，可能的取值为宋体、黑体、隶书等等，但需要注意除非客户端支持这些字体，否则无法显示期望的效果。size属性，用来设置文字的大小，数字的取值范围从17，取1时最小，取7时最大。color属性，用来设置文字的颜色，颜色的取值遵从前面所讲的规范。12IT Education&TrainingIT Education&Training文字格式标记设置字体的颜色设置字体的颜色利用标记中text属性，可以设定整个网页的颜色利用标记中的color属性，可以设定段落、短语或字词的颜色和设置字体颜色时的优先级当和同时设定字体的颜色时，设置的字体颜色优先。13IT Education

9、&TrainingIT Education&Training文字格式化标记其他字体标记其他字体标记设置字型，即文字的风格，如加粗、斜体、带下划线、上标、下标等等 其他字体标记 加粗 斜体 下划线 删除线 倾斜 强调显示 放大显示 正常显示 放大显示 14IT Education&TrainingIT Education&Training文字版面标记文字版面标记文字版面标记通过文字版面标记可以设置换行、文字分段、对齐等等。换行标记强制换行标记，放到一行的末尾，可使后面的问题换到下一行，而有不会在行与行之间留下空行。其格式为：前一行要显示文字需要换行显示的文字强制不换行标记，使某些文字不因过长而分

10、两行显示，对于数学格式等特殊文本的显示非常有作用。格式为：需要在同一行中显示的问题15IT Education&TrainingIT Education&Training文字版面标记段落标记段落标记强制段落标记,放在一段文字的开头或者末尾，定义一个新段落的开始，不但能使后面的文字进行换行，而且还能在两段之间留一空行。格式为：前一段落后一段落标记可以看作是强制换行标记和一个空行非换行空格符号，“nbsp”当在编辑html文件需要输入多个空格时，浏览器对这些标记进行解析时，只会保留一个空格。但使用该标记可以实现段首空两行的效果。16IT Education&TrainingIT Education

11、&Training文字版面标记对齐标记对齐标记设置段落标记，格式为：要显示的文字属性align用来设置段落的对齐方式，可以为left、center、或right。默认值为left。原来是个双标记，但从html 2.0开始变为单标记，当然也可以加上结束标记来控制效果产生的范围。居中标记，确保标记中间的内容居中显示，作用相当于：要显示的内容其格式为：需要居中显示的内容17IT Education&TrainingIT Education&Training文字版面格式显示预排版格式显示预排版格式用于保留在编辑环境中已经排好的段落格式，其中可能包括一些html标记所不能控制的符号，如回车、多个空格等等

12、分区显示标记分区显示标记 文本或者图象作用：设定字图表格的显示位置，当在很多段落中设置对其方式的时候，常采用标记，应用于样式表时非常有用。18IT Education&TrainingIT Education&Training创建表格创建简单的表格（仅定义行和列）创建简单的表格（仅定义行和列）-表格标记，双标记，表格的整体外观由标记的属性决定-表行标记，单标记，表示表格中新的一行的开始；-表头标记，双标记，标记的文字按照粗体字显示-表项(定义表格的具体数据)，数据的内容放在标记之间。表格的一般形式为：第一列表头 第二列表头 第一行第一列第一行第二列 第二行第一列第二行第二列 属性名及取值参见下

13、表：19IT Education&TrainingIT Education&Training标记的主要属性属性名称属性名称属性值属性值功能功能BORDERSize设置表格边框的粗细，其取值为正数，单位是象素，省略则设置表格边框的粗细，其取值为正数，单位是象素，省略则不带边框。不带边框。WIDTHSize设置表格宽度，取值为象素数或者百分比设置表格宽度，取值为象素数或者百分比HEIGHTSize设置表格高度，设置表格高度，取值为象素数或者百分比取值为象素数或者百分比CELLSPACINGSize单元格的边距，指的是字与单元格边框的距离，单元格的边距，指的是字与单元格边框的距离，单位是象素单位是象

14、素CELLPADDINGSize单元格间距，指的是单元格之间的距离，单位是象素单元格间距，指的是单元格之间的距离，单位是象素BACKGROUNDURL设置表格背景图案设置表格背景图案BGCOLORColorvalue设置表格的背景色设置表格的背景色ALIGNLeft，right设置对其格式设置对其格式COLSSize设置表格列数设置表格列数20IT Education&TrainingIT Education&Training标记的主要属性属性名称属性名称属性值属性值功能功能BGCOLORColorvalue设置行中所有单元格的背设置行中所有单元格的背景颜色景颜色ALIGNLeft,right

15、,center设置行中的对其方式设置行中的对其方式VALIGNTop，middle，bottom,baseline设置行中单元格的垂直对设置行中单元格的垂直对其格式其格式BACKGROUNDURL设置行钟单元格的背景图设置行钟单元格的背景图像像BORDERCOLORColorvalue设置边框颜色设置边框颜色21IT Education&TrainingIT Education&Training标记的主要属性属性名称属性名称属性值属性值功能功能BORDERCOLORColorvalue设置边框颜色设置边框颜色WIDTHSize设置单元格的宽度设置单元格的宽度HEIGHTSize设置单元格的高度

16、设置单元格的高度ROWSPANNum设置单元格所占的行数设置单元格所占的行数COLSPANNum设置单元格所占的列数设置单元格所占的列数BGCOLORColorvalue设置单元格的背景色设置单元格的背景色ALIGNLeft,right,center设置行中的对其方式设置行中的对其方式VALIGNTop，middle，bottom,baseline设置行中单元格的垂直对其格设置行中单元格的垂直对其格式式22IT Education&TrainingIT Education&Training创建表格使用使用标记给表格加上标题标记给表格加上标题标题 Align的取值分别表示标题在表格的左、右、中、

17、上、下。Valign设置标题在表的上部还是下部。23IT Education&TrainingIT Education&Training创建表格跨多行多列的表格跨多行多列的表格使用标记的rowspan和colspan属性可以制作跨多行或跨多列的表格。跨多行的表元或者食品/th主食素菜荤菜米饭韭菜猪肉跨多列的表元或者食品主食米饭素菜韭菜荤菜猪肉24IT Education&TrainingIT Education&Training列表标记案例名称：使用有序列表案例名称：使用有序列表有序列表 热爱祖国 热爱人民无序列表 热爱祖国 热爱党25IT Education&TrainingIT Educa

18、tion&Training图像标记图像标记图像标记向网页中加入图片，通常使用gif或jpeg格式还可以设置图像的替代文本、布局等属性其格式为：26IT Education&TrainingIT Education&Training图像标记设置图片的对齐方式设置图片的对齐方式图像可以放在页面的左边(left)、中间(center)、右边(right).实现居中的办法有两种：使用标记使用的align属性进行设置格式分别为:27IT Education&TrainingIT Education&Training图像标记设置图像和文本之间的关系设置图像和文本之间的关系可以设置图文混排版面，如其间的空白

19、，图文的对齐，文本环绕图形等等。有一下几种常见用法：设置图像与文本之间的空白，使页面看起来不至于过分紧凑。标记的和属性可以实现此功能。其格式为：文本和图形在垂直方向的对齐。利用的align属性可以设定他们在垂直方向的对齐。其格式为：文本文本其中Align的可能取值为：top：文本与图像的顶部对齐 middle：文本与图像的中央对齐 bottom：文本与图像的底部对齐28IT Education&TrainingIT Education&Training超文本链接标记超文本连接标记超文本连接标记这种标记也称为锚点，通过一个单词、一句话或者图片等，实现一个页面到另外一个页面的跳转。具有以上特点的词

20、、句、或图片就称为锚点，可以利用标记中相应的属性来设置颜色。超文本连接标记的格式为：a href=“”|name=“”target=“_blank|_self|_parent|_top”Href，取值为一个URL，是目标资源的地址Name，参考点，不能和href同时使用，指的是本文档内的一个字符串。Target，指定如何打开目标页面.29IT Education&TrainingIT Education&Training超文本链接标记创建指向邮件地址的超链创建指向邮件地址的超链需要在href属性的取值中加入mailto:,其格式为：热点文本例如，邮件地址为,建立如下连接：联系30IT Educ

21、ation&TrainingIT Education&Training多媒体标记设置音频设置音频加入背景音乐加入背景音乐使用标记能够在页面中加入背景音乐，格式为：加入背景音乐文件的格式为.wav、.au、.mid当autostart取值为true时，声音文件传输完毕后自动播放。当loop等于-1或INFINITE时，声音一直播放，直到用户关闭该网页。31IT Education&TrainingIT Education&Training表单作用实现动态交互的基础实现动态交互的基础表表单单的作用是提供一个友好的界面，从用的作用是提供一个友好的界面，从用户户方面方面收集信息，当用收集信息，当用户户

22、通通过键过键入文本或入文本或选择选择列表框或列表框或下拉菜下拉菜单单等方式填好表等方式填好表单单上的所需信息并将表上的所需信息并将表单单提交后，服提交后，服务务器就可以得到表器就可以得到表单单中包含的信息，中包含的信息，然后由服然后由服务务器上的相器上的相应应的程序的程序进进行行处处理。表理。表单单是是WWWWWW上最流行的交互特性之一，也是上最流行的交互特性之一，也是动态动态HTMLHTML技技术术的基的基础础。32IT Education&TrainingIT Education&Training表单 表单的功能是收集用户信息实现系统与用户交互。表单的功能是收集用户信息实现系统与用户交互。

23、比如比如E-mail信箱的注册页面就是一个十分典型的表信箱的注册页面就是一个十分典型的表单页面。单页面。表单信息的处理过程如下：当单击表单中的提交按表单信息的处理过程如下：当单击表单中的提交按钮时，表单中的信息就会上传到服务器中，然后由钮时，表单中的信息就会上传到服务器中，然后由服务器端的应用程序（例如服务器端的应用程序（例如CGI，ASP，PHP，JSP等）进行处理，处理后将用户提交的信息存储等）进行处理，处理后将用户提交的信息存储在服务器端的数据库中，或者将有关信息返回到客在服务器端的数据库中，或者将有关信息返回到客户端浏览器上。户端浏览器上。33IT Education&Training

24、IT Education&Training表单设计表单应包含说明性文字、用于用户填写的输入框、提交和表单应包含说明性文字、用于用户填写的输入框、提交和重置按钮等。重置按钮等。表单中包含的主要元素有：ButtonRadioCheckboxFileTextHiddenimageSubmitResetpasswordtextareaSelect用HTML设计表单的常用标记有：、34IT Education&TrainingIT Education&Training表单设计表单标记表单标记表单标记,用于设置表单的起始位置，并指定处理表单数据程序的URL地址，格式为：35IT Education&Tra

25、iningIT Education&Training表单设计表单输入标记表单输入标记表单输入标记表单输入标记,在表单中输入频繁，大部分表单内在表单中输入频繁，大部分表单内容需要使用此标记进行组织，其语法为：容需要使用此标记进行组织，其语法为：注：其中粉红色的属性尤为重要。36IT Education&TrainingIT Education&Training表单设计下拉列表标记下拉列表标记下拉列表标记用于在表单中插入一个下拉列表，需要与标记配合使用，下拉列表中的每一个选项都是通过标记来定义的，其语法如下：Name表示下拉列表的名称；size表示一次显示的选项数，multiple表示该下拉列表是

26、否是多选的。选项标记：用来定义下拉列表的选项，其语法形式为：语法1：value语法2：实际显示值37IT Education&TrainingIT Education&Training表单设计多行文本输入标记多行文本输入标记用于浏览者发表意见，填写信息可以输入比较多的文字，其基本格式为：文本Name属性，设定文本框的名称Cols属性，表示文本框的宽度Rows属性，表示文本框的高度38IT Education&TrainingIT Education&TrainingJavaScript简介javaScript语言简介语言简介JavaScript语言是NetScape公司开发的一种基于对象的、由

27、浏览器负责解释执行的、弱类型的描述性脚本语言。IE3.0和NetScape3.0以上的浏览器都支持JavaScript语言。与HTML以及Applet一起用于开发客户端用户界面JavaScript是通过嵌入到HTML语言中实现的，可以出现在HTML的任何地方，它弥补了HTML语言的缺陷，是Java与HTML折衷的选择动态网页分为两种一种是服务器端动态，主要由JSP、PHP、ASP等等技术实现。一种是客户端动态，主要由JavaScript、VBScript语言实现。39IT Education&TrainingIT Education&TrainingJavaScript简介JavaScript

28、与与java之间的主要区别：之间的主要区别：基于对象和面向对象。JavaScript语言是基于对象和事件驱动的脚本语言；Java语言是面向对象的语言，可以设计独立的程序解释执行和编译执行 JavaScript是一种解释性的语言，是将文本格式的代码发送到客户端由浏览器负责解释执行。Java代码在执行之前必须编译成字节码文件，由虚拟机负责执行。弱类型和强类型。JavaScript是弱类型变量，即变量在使用前不需要声明，由解释器负责确定变量的数据类型，而Java是一种强类型语言，所有的变量在事情之前必须声明，并且只能存放声明类型的数据。40IT Education&TrainingIT Educat

29、ion&TrainingJavaScript简介动态联编和静态联编动态联编和静态联编。JavaScript采用动态联编，即对象的采用动态联编，即对象的引用在运行时进行检查，如不运行就无法实现对对象引用的引用在运行时进行检查，如不运行就无法实现对对象引用的检查。而检查。而Java采用静态连接，即采用静态连接，即Java对象引用在编译时进行，对象引用在编译时进行，以使得编译器能够实现强类型检查。以使得编译器能够实现强类型检查。代码格式不一样代码格式不一样，Java是一种与是一种与HMTL无关的语言，要在无关的语言，要在HTML，而，而JavaScript主要靠嵌在主要靠嵌在HTML页面中发挥作用。

30、页面中发挥作用。41IT Education&TrainingIT Education&TrainingJavaScript语言简介JavaScript语言的特点：语言的特点：解释型的脚本语言，采用小程序端的方式实现编程，不需要解释型的脚本语言，采用小程序端的方式实现编程，不需要事先编译；事先编译；是基于对象的语言，可以运用已经创建好的对象，结合对象是基于对象的语言，可以运用已经创建好的对象，结合对象的方法和脚本实现所需的功能的方法和脚本实现所需的功能是事件驱动的语言，可以直接对用户的输入做出响应，不需是事件驱动的语言，可以直接对用户的输入做出响应，不需要服务器的支持，减少了浏览器和服务器之间

31、的通信量，提要服务器的支持，减少了浏览器和服务器之间的通信量，提高了响应速度。高了响应速度。变量类型采用弱类型，未使用严格的数据类型变量类型采用弱类型，未使用严格的数据类型是一种安全的语言，只能通过浏览器实现信息浏览或动态交是一种安全的语言，只能通过浏览器实现信息浏览或动态交互，不允许访问本地硬盘或将数据存到服务器上，不允许对互，不允许访问本地硬盘或将数据存到服务器上，不允许对网络文档进行修改和删除，从而有效防止数据的丢失。网络文档进行修改和删除，从而有效防止数据的丢失。是一种与平台无关的语言，依赖于浏览器本身，与操作系统是一种与平台无关的语言，依赖于浏览器本身，与操作系统无关，从而实现了一定

32、程度的无关，从而实现了一定程度的”一次编写，随处运行一次编写，随处运行“。42IT Education&TrainingIT Education&TrainingJavaScript简介JavaScript代码的加入：代码的加入：使用标签将javaScript代码潜入到HTML中。格式如下：Javascript代码；/script标记有两主要属性：Language，脚本语言的类型，可以为javaScript或liveScriptSrc,包含javaScript源代码的文件，以”.js”为扩展名，可以是javaScript以文件的形式加载到html文件中43IT Education&Traini

33、ngIT Education&TrainingjavaScript简介简单的简单的javaScript实例：实例：javaScript示例示例 alert(这是第一个这是第一个javaScript的例子的例子)44IT Education&TrainingIT Education&Training数据类型JavaScript脚本语言同其他语言一样，有自己的基本数据类脚本语言同其他语言一样，有自己的基本数据类型、表达式和算术运算符以及程序的基本框架结构。型、表达式和算术运算符以及程序的基本框架结构。JavaScript的常见数据类型：的常见数据类型：数值类型，包括整数和浮点数，整数可以表示正负整

34、数和零，浮点数可以用整数加小数表示，也可以用科学计数法表示。字符串类型，使用单引号或双引号括起来的一个或多个字符布尔类型，可以取值为true或false空类型，空值null对象类型，是javaScript的重要组成部分。45IT Education&TrainingIT Education&Training变量JavaScript变量的定义：变量的定义：Javascript中采用弱类型变量，变量可以不做声明或不做类型声明，而在使用时确定类型。例如：x=100、y“abc”等等但是，声明变量的好处是能够及时发现程序中的错误。javaScript中变量的定义使用关键字var来实现。例如：var i

35、d;声明变量必须明确变量的命名、类型及作用域。46IT Education&TrainingIT Education&Training变量JavaScript变量的命名：变量的命名：变量不能与保留字冲突；变量名必须以字母或者下划线（_）开头，不能使用数字或其他非字母字符作为变量的开头。变量中不能包含空格。JavaSript是区分大小写的，因此，给变量命名时需要注意大小写的问题。JavaScript变量的作用域：变量的作用域：全局变量，定义在函数体之外，作用范围是所有函数。局部变量，定义在函数体内，作用范围是本函数。47IT Education&TrainingIT Education&Trai

36、ning运算符JavaScript的运算符的运算符数学运算符：加法运算符”+”减法运算符“-”乘法运算符”*”除法运算符“/”取模运算符“%”递增运算符“+”递减运算符”-”数学运算符：按位与”&”按位或”|”按位异或”按位取非”左移操作符”逻辑右移操作符”48IT Education&TrainingIT Education&Training运算符逻辑运算符逻辑运算符逻辑与&”逻辑或”|”逻辑非“！”比较运算符比较运算符等于“=”不等于”!=”小于”小于等于”=”严格等于”=”严格不等于”!=”赋值运算符赋值运算符”=”+=”-=”*=”/=”%=”&=”|=”=”=”=”49IT Educ

37、ation&TrainingIT Education&Training运算符其他运算符其他运算符条件操作符”(condition)?:val1;val2”,唯一的三目运算符成员选择运算符“.”,来引用对象的属性和方法下标运算符，用来应用数组的元素，如：arry8逗号运算符，用来分开不同的值，如：var a，b函数调用运算符，用来表示函数的调用，如function（）“new”，创建指定对象的实例，如：new myObject。delete，用来删除对象，对象的属性，数组元素。typeof，用来返回操作数的类型，类如 typeof true，返回为boolean。void，用于定义函数，表示不返

38、回任何数值，如void mfun().this:用来引用当前的对象。50IT Education&TrainingIT Education&Training运算符运算符的优先级运算符的优先级优先级优先级运算符运算符1 1成员选择符、括号、函数调用、数组下标成员选择符、括号、函数调用、数组下标2 2!、(负号负号)/+)/+、-、typeoftypeof、newnew、voidvoid、deletedelete、3 3*、/、%4 4+、-5 5、6 6、=、=7 7=、!=!=、=、!=!=8 8&9 9 1010|1111&1212|1313?:?:1414=、+=+=、-=-=、*=*=、

39、/=/=、%=%=、&=&=、|=|=、=、=、=1515逗号运算符逗号运算符(,)(,)51IT Education&TrainingIT Education&Training表达式javaScript的表达式的表达式表达式，是变量、常量、布尔以及运算符的集合，可以对变量进行赋值、改变、计算等一系列操作。表达式可以分为：算术表达式字符串表达式赋值表达式布尔表达式52IT Education&TrainingIT Education&Training常用语句javaScript函数定义语句函数定义语句JavaScript函数可以封装那些在程序中可能需要多次使用的模块，并可以作为事件驱动处理程序

40、。函数的定义：使用函数前一定要先进行定义函数定义分为三个部分：函数名、参数列表和函数体。定义函数的格式为：Function 函数名(参数1，参数2)函数执行部分；函数返回部分53IT Education&TrainingIT Education&Training常用语句函数名函数名程序通过函数名来调用函数函数名与变量的命名规则相同，是大小写敏感的。函数的参数函数的参数调用函数时，变量、常量都可以作为参数传递；参数的传递是以传值的方式进行的。例如：Hello(“jason”)var user=“jason”;hello(user);也可以在定义函数时不指定使用的参数，javaScript会在每次

41、调用该函数时自动生成arguments数组，并建立与参数列表有关的属性。Functionname.arguments,是一个数组，每一个参数对应其中的一个元素，可以使用该数组来访问调用时所传送的参数。Functionname.arguments.length，是一个整型变量，表示传递参数的个数。可以使用这两个属性产生参数个数可变的函数。54IT Education&TrainingIT Education&Training常用语句函数有时候需要有返回值，可以使用函数有时候需要有返回值，可以使用return语句，将需要返语句，将需要返回的值放在回的值放在return后面，可以是常量、变量以及有唯

42、一确定后面，可以是常量、变量以及有唯一确定值的有效表达式。值的有效表达式。55IT Education&TrainingIT Education&Training常用语句JavaScript的条件和分支语句的条件和分支语句If条件语句条件语句If语句是最基本、最简单的条件语句。If语句的格式：If(条件)语句块；else 语句块；56IT Education&TrainingIT Education&Training常用语句Switch分支语句分支语句对一个表达式进行多次判断，每一种的取值都采取不同的处理方法。switch语句的格式:Switch(表达式)case 值1:语句1；break;c

43、ase 值n:语句n；break;default:语句n1；57IT Education&TrainingIT Education&Training常用语句JavaScript循环语句循环语句for语句语句For循环语句是反复地执行一段程序，并且在每次循环后处理变量，直到循环表达式不满足。for语句的格式:for(变量初始化；循环条件表达式；修改变量)语句块；58IT Education&TrainingIT Education&Training常用语句for-in语句语句for-in语句与for语句类似，循环范围是一个对象的所有属性或者数组中的一组元素，用于循环访问一个对象的所有属性。for

44、-in语句的格式:for(变量 in 对象或数组)语句块；59IT Education&TrainingIT Education&Training常用语句while语句语句while语句会在条件成立一直循环执行一些语句块，直到条件不成立为止，不是执行固定的次数while语句在执行体之前先检查循环条件，条件不满足一次也不执行，直接退出。while语句的格式while(循环条件表达式)语句块；变量修改；60IT Education&TrainingIT Education&Training常用语句do-while语句语句do-while语句会不管条件是否成立，先执行一次循环体，然后再检查循环条件，

45、条件满足则继续执行，直到条件不满足，退出。do-while语句的格式do 语句块；变量修改；while(循环条件表达式)61IT Education&TrainingIT Education&Training常用语句break语句语句break语句用于无条件地跳出switch语句或者循环结构continue语句语句continue语句是结束本轮循环，开始执行下一轮循环。return语句语句将函数的处理结果返回给调用函数的语句。62IT Education&TrainingIT Education&Training常用语句with语句语句用来声明代码块中的缺省对象，代码块可以直接使用用来声明代码

46、块中的缺省对象，代码块可以直接使用with语语句声明对象的属性和方法，而不必写出其完整的引用，任何句声明对象的属性和方法，而不必写出其完整的引用，任何不指定对象的属性引用将就被认作是缺省对象的。不指定对象的属性引用将就被认作是缺省对象的。with语句的格式语句的格式with(对象名)代码块var x,y;var x,y;var r=10;var r=10;with(Math)with(Math)a=PI*r*r;a=PI*r*r;x=r*cos(PI);x=r*cos(PI);y=r*sing(PI/2);y=r*sing(PI/2);63IT Education&TrainingIT Edu

47、cation&Training简单的对话框警告对话框警告对话框 alert(message);确认对话框确认对话框 confirm(message);本方法的返回值是boolean类型，点击“确定”返回true，点击“取消”返回falsevar c=confirm(你真的不喜欢吃蔬菜么？);alert(c);删除商品64IT Education&TrainingIT Education&Training简单对话框输入框输入框prompt(“message”,“response”):在带有文本输入框的窗口中显示message，并用缺省的response返回用户在文本输入框中输入的字符串。该方法的

48、返回值是在输入框中输入的数据。var info=prompt(你最爱喜欢的演员是谁？,);alert(info);65IT Education&TrainingIT Education&Training事件和事件处理事件事件是指用户与是指用户与Web页面交互时产生的各种操作。页面交互时产生的各种操作。浏览器为了响应某个事件而进行的处理过程，叫做浏览器为了响应某个事件而进行的处理过程，叫做事件处事件处理理（这个处理过程叫做（这个处理过程叫做事件处理函数事件处理函数）。）。程序运行时，浏览器一直等待页面事件的发生。程序运行时，浏览器一直等待页面事件的发生。66IT Education&Traini

49、ngIT Education&Training事件鼠标事件鼠标事件鼠标事件共由6个：onMouseDown:在对象上按下鼠标键的时候onMouseUp:在对象上按下鼠标建后，放开鼠标建的时候onMouseOut:当鼠标离开对象的时候。onClick:当对象被点击的时候onMouseOver:当鼠标悬停与对象上方的时候onMouseMove:当鼠标移动的时候67IT Education&TrainingIT Education&Training事件键盘事件键盘事件键盘事件共3个：onKeyDown:在键盘上按下某键的时候；onKeyUp:当键盘上松开某键的时候；onKeyPress:在键盘上按住

50、某键的时候68IT Education&TrainingIT Education&Training事件焦点事件焦点事件焦点事件共有2个：onFocus:发生在窗口得到焦点的时候onBlur:发生在焦点失去焦点的时候69IT Education&TrainingIT Education&Training事件调整窗口事件：调整窗口事件：onResize:发生在窗口被调整大小的时候。70IT Education&TrainingIT Education&Training事件加载和卸载窗口事件：加载和卸载窗口事件：onLoad:发生在文档全部加载完毕的时候，全部加载完毕意味着不但HTML文件，而且包含