商务网站页面设计技术_第1页
商务网站页面设计技术_第2页
商务网站页面设计技术_第3页
商务网站页面设计技术_第4页
商务网站页面设计技术_第5页
已阅读5页,还剩30页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、本章内容提要这一章共分为6节,主要对JavaScript进行概要性介绍,以便为后续的进一步学习奠定基础。具体内容包括:u JavaScript的概念与发展u JavaScript的特点u 内部JavaScript代码的基本操作u 外部JavaScript文件的基本操作u JavaScript编程规范、u JavaScript和Java的区别第12章 JavaScript概述12.1 JavaScript的概念与发展12.2 JavaScript的特点1、是一种脚本编写语言JavaScript是一种脚本语言,可以被嵌入到HTML的文件之中。它采用小程序段的方式实现编程,即可以用很小的程序做大量的

2、事,这实际上也是JavaScript的杰出之处。7、解释性像其它脚本语言一样,JavaScript同样也是一种解释性语言,它提供了一个比较容易的开发过程。它的基本结构形式与C、C+、VB、Delphi十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与HTML标记结合在一起,从而方便用户的使用操作。12.3 内部JavaScript代码的基本操作内部JavaScript是指JavaScript的代码是置于HTML文件内部的,而无需以独立于HTML文件的形式单独保存。下面我们首先介绍一个内部JavaScript代码的示例,然后说明将内部JavaScript代码嵌入到

3、当前HTML文档的方法。12.3.1 内部JavaScript代码的示例为了初步认识和更好地理解JavaScript,下面我们首先来看一个简单的JavaScript的例子。一、【示例12.1】本例子的功能是:说明如何在HTML文档中直接嵌入JavaScript脚本代码。有关的源程序文件可参见下面的HTML文件:“E12_1.htm”,在浏览器中的显示效果如图 12.1所示。【源程序清单:E12_1.htm】JavaScript程序的示例!- hide script from old browsersdocument.write (这是一个JavaScript程序的示例); function g

4、etname(str) alert(hello! + str+ 您好! 欢迎您学习JavaScript); document. close();/ end hiding contents -请在下面的文本框中输入你的名字 图 12.1 HTML文档中直接嵌入JavaScript脚本二、JavaScript脚本代码说明: 在这个例子中(!- . -) 部分是文档的注释部分,它可以避免旧版本或是不支持 JavaScript 的 WWW 浏览器因为不认识这些函数而产生错误。注释最后一行的开头双斜线 / ,不可以省略,它代表了JavaScript 的注释,若省略了的话, -之前的文字会被误认为是 Ja

5、vaScript 的指令。 Document. write()是文档对象的输出函数,其功能是将括号中的字符或变量值输出到窗口; document. close()是将输出关闭。 这个例子可以让用户在文本框中输入其名字,当文本框失去焦点时,发生 onBlur 事件并调用 getname(this.value)函数,将信息显示在对话窗口上。其中,函数 getname(this.value) 中的 this.value 是用户在文本框中输入的名字。12.3.2 内部JavaScript代码的嵌入我们可以把JavaScript的脚本包括在HTML中,使它成为HTML文档的一部分。正是因为JavaScr

6、ipt脚本与HTML标记的结合,才使它成为了一个功能强大的Internet网上编程语言。上面的例子12.1就例示了如何在HTML文档中直接嵌入JavaScript脚本代码的方法。一、JavaScript脚本的嵌入位置JavaScript脚本是直接放在标记.内部的,具体位置如下:二、说明: 上述代码中标记.指明了其内部嵌入的是“脚本”源代码。属性language=JavaScript,说明标记中的脚本源代码使用的是何种语言,这里表示使用的是JavaScript语言。 部分是来自HTML文档的注释部分。把JavaScript代码放入其中,可以避免旧版本或是不支持 JavaScript 的 WWW

7、浏览器因为不认识这些代码而产生错误。因为此时,这些浏览器会把部分的内容编译为HTML的注释。 双斜线 / ,如果后面有内容则不可以省略,因为它代表了JavaScript 的注释。 虽然例子12.1中,.标记是放入到文档开头标记. 之间的,但实际上它也可以放入到文档主体标记 .之间的任何位置。如果把.标记放入到. 之间,则可以使JavaScript脚本在主页和其余部分代码之前装载。12.4 外部JavaScript文件基本操作上面所述的内部JavaScript代码,由于其代码是置于HTML文件内部的,因而它只能够应用于当前的HTML文件。如希望站点中的其它文件也使用同样的JavaScript代码

8、,则需要重新编写一次代码,上面的方法就不够灵活、也不方便。为此,引入外部JavaScript文件。外部JavaScript代码是指JavaScript代码是置于HTML文件外部,并以独立于HTML文件的形式单独保存在扩展名为.js的文本文件中。优点是,我们可以在站点的每个文件中引用该外部JavaScript文件中的代码,从而可以节省大量的空间,为程序编写带来巨大方便。12.4.1 JavaScript文件示例下面我们来看一个外部JavaScript文件的例子。一、【示例12.2】本例子是用记事本编写的一个外部JavaScript文件“E12_2.js”。其功能是:说明外部JavaScript文

9、件的组成。相关的JavaScript源程序及其在记事本窗口中的显示如下。【源程序清单:E12_2.js】document.write (这是一个JavaScript程序的示例); function getname(str) alert(HI! + str+ 您好! 欢迎您学习JavaScript); document. close();图 12.2 外部JavaScript文件二、外部JavaScript 文件说明: 该示例中包含了2条语句:“document.write ();”、“document. close();”和一个函数function getname(str)。关于上面JavaS

10、cript 文件中的各个语句的解释同前面例子12.1一样,这里不再赘述。 一个外部的 JavaScript 文件不能包含任何 HTML 标记,它的内容只能是 JavaScript 代码。12.4.2 JavaScript文件的嵌入在商务网站的页面设计中,一般我们会把网站中经常使用的功能,编写为多个扩展名为.js的外部JavaScript文件。然后在需要使用该功能的页面中嵌入一个相应的外部 JavaScript 源文件,来代替直接在 HTML 文件中嵌入JavaScript脚本,这样就可以使相同的 JavaScript 源程序被不同的 HTML 文件所引用。一、JavaScript 文件的嵌入嵌

11、入外部 JavaScript 文件的代码如下:下面我们来看一个在HTML文档中嵌入外部 JavaScript文件的例子。二、【示例12.3】本例子的功能是:说明如何在HTML文档中嵌入外部 JavaScript 文件。有关的代码可参见下面的源程序文件:E12_3.htm,在浏览器中的显示效果如图12.3所示。【源程序清单:E12_3.htm】 HTML文档中嵌入外部 JavaScript文件的例子 请在下面的文本框中输入你的名字,然后在其他位置单击鼠标 图 12.3 外部JavaScript 文件的嵌入与应用 【示例解析】 本例中, 标记中的src属性指明了包含要运行的JavaScript代码

12、的文件的文件名。在这里文件名为“E12_2.js”。这是相对文件名,要求HTML文档文件与该代码文件位于同一个目录下。12.4.3 JavaScript文件编辑和保存一、JavaScript文件的编辑这里我们以windows系统中的“记事本”工具为例,对前面的JavaScript文件“E12_2.js”。进行编辑。首先打开“记事本”(方法是:“开始”菜单“程序” “附件”“记事本”),然后在其中输入下面的JavaScript程序代码。document.write (这是一个JavaScript程序的示例); function getname(str) alert(HI! + str+ 您好!

13、欢迎您学习JavaScript); document. close();输入过程中可以随时进行编辑、修改,非常方便。二、JavaScript文件的保存JavaScript文件的扩展名是.js。当整个JavaScript文件编辑完毕后,即可存盘。方法是在记事本窗口中,选择“文件”菜单“保存”命令,此时将打开下面的“另存为”对话框,如图 12.4所示图 12.4 文件“另存为”对话框在对话框的“保存在”列表框中选择存盘路径,在“保存类型”列表框中选择所有文件,然后将此文件命名为“E12_2.js” (一定要包含扩展名. js),点击“保存”按钮即可。12.4.4 JavaScript 常用编辑和显

14、示软件一、JavaScript常用编辑软件任何一个纯文本编辑器都可以作为JavaScript的编辑器,如windows中的记事本、写字板,Linux中的Kedit、Lxy等,只要在保存文件时扩展名改为.js 即可。除此之外,也可以使用一些“所见即所得”的、功能更为强大的编辑器,如Dreamweaver等编辑。本书的包含于HTML文档中的JavaScript代码,以及独立的JavaScript文件示例,主要在纯文本编辑器环境下进行的编辑。有关使用FrontPage进行JavaScript编辑的基本操作请参见附录。二、JavaScript常用显示软件由于JavaScript代码片断或独立的文件都必

15、须嵌入到HTML文件中,才能够查看其显示效果。所以,JavaScript常用显示软件同HTML文件的显示软件一样,主要是各种浏览器, 本书所有包含JavaScript代码片断或独立文件的HTML文件示例的显示都在IE浏览器下进行测试通过。12.5 JavaScript编程规范编写JavaScript代码时,除了遵循HTML编程规范外,还应该注意下面几点。1、代码分句书写为了增加代码的可读性,JavaScript代码可以分句书写,即每一行一条语句,并用分号作为语句的结尾,如果不写分号,编译系统也会默认这行语句末尾有一个分号,而不会认为有错误。但如果在一行代码中有多个语句,则必须在语句之间加上分号

16、,否则编译程序会提示出错。2、运用注释语句和大多数的编程语言一样,为了方便页面设计者或其他相关人员以后对代码的阅读、维护和修改,在源程序的适当位置插入注释语句是一种良好的编程习惯。JavaScript注释语句的格式有三种: 多行注释:/*注释语句的具体内容 */,适用于注释内容较长的情况,“/*”和 “*/”之间的内容将被全部注释掉。 单行注释:/注释语句的具体内容 ,适用于注释内容仅有一行的情况,“/”后面的内容将被注释掉。 来自HTML的注释: ,把JavaScript放入其中,对于旧版本或不支持 JavaScript 的浏览器,则会把部分的内容编译为HTML的注释,不会出现错误提示。而对

17、于支持 JavaScript 的浏览器,则不影响JavaScript代码的正常执行。注释语句会被浏览器忽略。设计者可以在注释语句中包含任何内容。在上面的源程序:E12_1.htm文件的JavaScript中就使用了注释语句。12.6 JavaScript和Java的区别12.7 本章小结12.8作业题1、简答:简述JavaScript的编程规范。(参考答案见chp12_zy.htm)。2、页面设计:用记事本编写HTML文件chp12_zy2.htm。要求“运用内部JavaScript代码,实现和用户交互”,具体如下:(1) 页面上设计2个按钮:一个“黄色背景”按钮;一个“粉色背景”按钮。(2)

18、自定义一个JavaScript函数,名称为 getname( ),其内部调用alert()函数。(3)当用户单击按钮时,由getname( )函数判断单击的按钮,并用alert对话框告诉用户。(4)内部JavaScript代码中要用三种方法进行注释,并缩进排版。参考效果图如下(参考答案见chp12_zy2.htm)。 3、案例分析:上网查找一个运用JavaScript的站点,并用文件名称zy3.htm保存、然后查看其源代码,找出其应用的JavaScript代码、说明其功能。本章内容提要这一章共分为5节,主要对JavaScript的基本语法进行介绍,以便为后续的程序设计奠定基础。具体内容包括:u

19、 JavaScript的基本数据类型u JavaScript的常量和变量u JavaScript的运算符和表达式u JavaScript的函数u JavaScript的程序流程控制语句第13章javaScript的基本语法 JavaScript脚本语言同其它语言一样,有它自身的基本数据类型、常量、变量、运算符和表达式,函数以及程序的基本框架结构,这些知识是学习JavaScript脚本语言,进行编程的基础。下面我们对此进行较为详细的介绍。13.1 JavaScript的基本数据类型JavaScript的基本数据类型主要包括六种,分别是:数值型(整型和实型)、字符串型(用引号括起来的字符或数值)、

20、布尔型(True或False)、空值(Null)以及undefined类型和对象类型几种。一、数值型(number):JavaScript的number数据类型包括下面2种:1、整型:只能是整数,可以为正数、0 或者负数;可用十进制数表示、十六进制数表示(以0X开头)或八进制数表示(以0开头)。例如10进制的15可用16进制的“0xf”或 8进制的“017”表示。 2、实型(也称浮点类型,即小数):如12.34。实型也可用科学记数法表示。例如-可以表示为:-1.2e+6,其中字母“e”大小写均可,在科学记数法中表示“10的幂”。二、字符串型(string):JavaScript的string数

21、据类型是指用单引号或双引号括起的一串字符。如Abc s、!11、中国。如果字符串本身含有引号,则外层使用单引号,里层使用双引号。如:-的科学计数法表示是:-1.2e+6. 两个引号之间没有任何字符的字符串称作空串,如 就是一个空串。放在引号中的数字也是字符串,例如,6代表由6组成的字符串,而表示方式6则是一个数值。字符串也可以包括以反斜杠()开头的不可显示的特殊字符(如a警报符,r回车符,n换行符等)。三、布尔型(Boolean,也称逻辑型):JavaScript的Boolean数据类型有两种:逻辑真,用true(或1)表示;逻辑假,用false(或0)表示。四、空类型(null): 空(nu

22、ll) 值就是没有任何值,表示什么也没有。它是 JavaScript 的保留值。null与数值0或空串不同,0或空串是有值的。注意 因为 JavaScript 的大小写敏感性,因此null不能够写为 Null 或 NULL,否则可能出错。五、未定义类型(undefined): undefined 的值就是指在变量被创建(即声明)后,但未给该变量赋值以前所具有的值。它也是 JavaScript 的保留值。六、对象类型(object):除了上面提到的各种常用类型外,对象也是JavaScript中的重要组成部分,这部分将在后面章节详细介绍。七、【示例13.1】本例子的功能是:说明JavaScript

23、的数据类型的使用。有关的代码可参见下面的源程序文件:E13_1.htm,在浏览器中的显示效果如图13.1所示。【源程序清单:E13_1.htm】第13.1 JavaScript的基本数据类型示例第13章示例第13.1 JavaScript的基本数据类型示例!-/各种进制数表示document.write(10进制的15是+15);document.write( ;16进制的15,0xf是+0xf);document.writeln(8进制的15,017是+017);document.writeln(-1.2e+6的科学记数法输出:+-1.2e+6);/科学记数法输出document.write

24、ln(特殊字符*b);/特殊字符document.writeln(-的科学计数法表示是:-1.2e+6,知道吗?);/引号的使用document.writeln(布尔值1=2?,1=2);/输出布尔值document.writeln( ;布尔值good=good?,good=good);/输出布尔值_a=null;/a被赋值nulldocument.write( ;null值,_a);/- 图 13.1 JavaScript的基本数据类型应用13.2 JavaScript的常量和变量:一、JavaScript的 常量JavaScript的常量通常又称字面(Literals)常量,它是不能改变的

25、固定数据,主要包括下面几类:1、整型常量:可以使用十六进制、八进制和十进制的整型数据类型表示其值。如 123、O77(八进制)、Ox3ABC(十六进制)。2、实型常量:可以使用实型数据类型表示其值。如24.36、383.42、1.23E40(科学记数法表示)。3、字符型常量:可以使用字符串(string)型数据类型表示其值,如“welcome you”、商务网站。4、布尔型常量:可以使用Boolean型数据类型true或false表示其值。它主要用来说明或代表一种状态或标志,以说明操作流程。5、空值null:使用空数据类型null”表示的值。二、JavaScript的变量 变量是存放数据的容器

26、。在 JavaScript 中变量的主要作用是存放脚本中的值,这样在需要用这个值的地方就可以用变量来代表。对于变量必须明确变量的命名、变量的声明、变量的类型及其转换以及变量的作用域。(一)变量的命名 JavaScript中的变量命名同其它计算机语言非常相似,这里要注意以下几点:1、变量名必须由字母、数字、下划线组成,字母可以包括拉丁字母。变量名称不能有空格、(+)、(-)、(,)或其它符号,且首字符不能为数字。在对变量命名时,最好把变量的意义与其代表的意思对应起来,以免出现错误。2、JavaScript 是一种区分大小写的语言,即大小写敏感。因此将一个变量命名为 computer 和将其命名为

27、 Computer是不一样的。变量名的长度是任意的,无特别限制。3、不能使用JavaScript中的保留字作为变量名。在JavaScript中定义了多个保留字,这些保留字是在其内部使用的,不能作为变量的名称。如Var、int、double、true不能作为变量的名称。(二)变量的声明:在JavaScript中,变量可以在使用前用关键字var声明。1、声明格式:(1) var 变量名;(只声明不赋初值)。(2) var 变量名初值(或变量名初值);(声明时也可赋初值)。例如:(1) var myVar;该例子定义了一个名为myVar的变量。但没有给它赋予初值。(2) var a=2(或a=2);

28、 该例子定义了一个变量a, 同时赋予它的初值为2。 2、说明:如果只是声明变量不赋初值,则该变量存在,但处于未定义状态。此时,如果输出其值,则为undefined(未定义);如果既不声明变量,也不赋初值,直接引用该变量会提示“变量未定义”错误,因JavaScript不知道忽然出现的变量是什么类型。JavaScript是一种对变量的数据类型要求不太严格的语言,也就是说,当声明一个变量时不必指定数据的类型,此时是根据其赋值的数据类型来确定其变量的类型的。例如:(1) a=15 ,b=12.46 ,c=hello ,d= true;该例子定义了4个变量,变量的类型分别是:a为整型、b为实型、c为字符

29、串、d为布尔型。(三)变量的类型转换:1、自动类型转换:当程序执行时变量的类型可以根据它当前的值的类型自动发生变化,如在一个表达式中,将一个字符串类型的值和数值型的值进行“+”运算时,JavaScript 会将数值转换为字符串,进行连接。而在除了“+”运算外的其它运算符中,情况会有所不同。例如:(1)x= answer is+50 /将返回answer is 50;x=505 /将返回505(2)x=50-5 /将返回45; x=50/5 /将返回102、强制类型转换:强制类型转换的语法格式:类型名(要转换的值)。 例如:(1)a=”12”; x= Number(a)/将返回数字12。 (2)

30、b=12; x= String(b) /将返回字符串“12”。(四)变量的作用域:对于变量还有一个重要性那就是变量的作用域。变量的作用域是指变量的作用范围或使用范围。在JavaScript中同样有全局变量和局部变量。全局变量是定义在函数(function)体之外的变量,其作用范围为整个应用程序,即当前的文档;而局部变量是定义在函数体之内的变量,它只作用于该函数内。即只对该函数是可见的,而对其它函数则是不可见的。注: 函数内用var声明的变量为局部变量,其有效性只局限于函数内部(如与函数外声明的变量同名,也不是同一个变量); 函数内未用var声明的变量为全局变量, 如与外部变量同名,则是同一个变

31、量。三、JavaScript语言中的标识符和保留字1、标识符:用来标识(类、变量、方法、类型、数组、文件)等名称的有效字符序列。由字母、数字、下划线组成,且首字符不能为数字。标识符的长度无特别限制,但大小写敏感。字母可以包括拉丁字母。2、保留字:JavaScript语言中已被赋予特定意义的单词,如变量类型说明符(int,char等)、类和方法的访问控制说明符(public,private等)、以及流程控制语句中的单词(如if,for,do)等。不可以把这类单词作为独立的名字来用。注:其中有些保留字是为以后的功能扩展而准备,在当前的JavaScript版本中还未用到四、【示例13.2】本例子的功

32、能是:说明JavaScript的变量的使用。有关的代码可参见下面的源程序文件:E13_2.htm,在浏览器中的显示效果如图13.2所示。【源程序清单:E13_2.htm】第13.2 JavaScript的常量和变量示例第13章示例第13.2 JavaScript的常量和变量示例 图 13.2 JavaScript的常量和变量的应用13.3 JavaScript的运算符和表达式:一、运算符和表达式概述(一) 运算符:运算符是完成操作的一系列符号,在JavaScript中按照运算的功能划分:有算术运算符、关系运算符、逻辑运算符(或称布尔运算符)、字符串运算符和特殊运算符。1、运算符分类:按照参加运

33、算的操作数个数划分:有单目运算符(或称为“一元运算符”)和双目运算符(或称为“二元运算符”)。 单目运算符,只需一个操作数,其运算符可在前或后,如x+、-y等。 双目运算符由两个操作数和一个运算符组成。格式为:“操作数1 运算符 操作数2”。如2536、hello+你好等。2、主要运算符各主要运算符的符号表示、作用和用法如表13.1所示。表13.1 JavaScript中常用的运算符运算符类型运算符号 作用 示例运算结果算术运算符 负值 -32-32* 乘法 5*30 150/ 除法 5.0/22.5% 取余7%2 1+ 加法 15+3 18 减法15-3 12+ 递加 a=15, a+ a=

34、16- 递减 a=15, a- a=14按位运算符| 按位或运算 5|3 7&按位与运算 5&3 1左移 5 右移51 2 取补 5-6字符串运算符+ 字符串连接 “go”+”od” “good”关系运算符= =等于 15=3 False!= 不等于 5!=33True 小于15 大于83 True= 小于等于 15= 大于等于15=3 True逻辑运算符! 逻辑非! True False& 逻辑与 True & False False|逻辑或True | False True 逻辑异或True FalseTrue(二)表达式:表达式是指用各种运算符和括号将常量、变量、函数等连接起来的、符合J

35、AVASCRIPT语法规则的式子,以完成复杂的运算。如:(x+2)*Y-4%3。二、常用的运算符和表达式下面按照运算的功能对常用的运算符和表达式分别予以介绍: (一)算术运算符与算术表达式1、算术运算符算术运算符用来完成算术运算,主要包括:加(+)、减(-)、乘(*)、除(/)、求余(%)、自增(+)和自减(- -)。 说明如下: 除(/):5/2与5.0/2的结果都是2.5 。 求余(%):9%2为1,而12.6%5.1为2.4(因为12.6=25.1+2.4),但计算机输出有误差,结果为2.00003。 自增(+)和自减(- -):为单目运算符,操作元必须是整型或浮点型变量。+x(-x )

36、表示先使X的值加(减)1,再使用X的值作为表达式+x(-x )的值。而 x+(x- )表示先使用X的值作为表达式+x(-x )的值,再使X的值加(减)1。例如:(1)若X的原值为5,则对于y=+x;y的值为6,而对于y=x+;则y的值为5,然后X的值变为62、算术表达式:用算术符号和括号连接起来的符合JAVASCRIPT语法规则的式子,结果为数值型。如:(x+2)*Y-4%3。(二)关系运算符与关系表达式1、关系运算符:用来比较两个值的大小、相等关系,运算结果为boolean 型,true或false。当关系成立时结果为true,否则为false。关系运算符包括:(大于)、 =(大于等于) 、

37、=(小于等于) 、= (等于)、!=(不等于)等。注意 不要把“ = (等于)”与“=(赋值号)”相混淆。2、关系表达式:通过关系运算符将结果值为数值型的表达式连接起来的式子,结果为逻辑型。例如:54的结果为false,2=2的结果为true。(三)逻辑运算符与逻辑表达式1、逻辑运算符:逻辑运算符操作数与运算结果都为布尔型,可用来连接关系表达式。逻辑运算符包括:&(逻辑与)、|(逻辑或)、!(逻辑非或取反)、(逻辑异或)等。 当两个表达式作“与”运算时,只有二者都为真,结果才为真,其余皆为假。 当两个表达式作“或”运算时,只要二者之一为真,结果就为真,其余皆为假。 当两个表达式作“异或”运算时

38、,只要二者的值相异,结果就为真,其余皆为假。2、逻辑表达式:通过逻辑运算符将结果值为逻辑型的表达式连接起来的式子,结果为逻辑型true 或 false。例如:(1)var a=2.1;/变量a赋值 则document.writeln(!(a1);/输出为false。 (2)document.writeln(a1);/输出为false; document.writeln(a2);/输出为1。(四)字符串运算符:字符串运算符的功能是完成字符串的连接,运算符号为“+”。字符串表达式:计算值为一个字符串,如 computer中心。(五)特殊运算符 1、赋值运算符:赋值运算符包括,简单赋值运算符“=”和

39、复杂赋值运算符。 复杂赋值运算符是由简单赋值运算符“=”和上面介绍的其它运算符构成,如“+=、*=” 等,实际上x+=a与 x=x+a 等价,其余与此类似。 赋值运算符也可以连续使用,如:x=y=0;使x和y的值都为0。2、三目条件运算符:“?:”它是具有三个操作数的三元运算符。其语法格式为:条件表达式 ? 表达式1 : 表达式2。判断三目条件运算结果值的规则是:如果“条件表达式”为真,结果值为“表达式1”的值,否则为 “表达式2”的值。例如:(1)var x=2.1 则document.write(x3?1:2+3);/输出为5。 (2)status = (age = 18) ? adult

40、 : minor 如果age 大于等于18,那么该语句将值 adult 赋予变量 status,否则将值 minor 赋予变量 status。3、delete运算符:用来删除一个变量、对象、对象属性或数组中指定下标的元素。如果 delete 运算成功,则delete 运算结果返回真,并将属性或元素的内存空间清空;否则返回假。delete运算符的语法格式为:delete objectName; delete objectNperty; delete objectNameindex; delete property /仅在语句中合法。可以用 delete 运算符删除隐式定义的变量,而

41、不是通过 var 语句定义的变量。例如:假设 x=2;var y= 3; myobj=new Number();myobj.h=4 /创建属性 h(1)delete x / 返回真(因为隐式地定义将被删除) ;delete y / 返回假(因为用 var 定义将不能删除)(2)delete myobj.h / 返回真(用户定义属性可以删除); delete myobj /返回真(用户定义对象可以删除)。(3)delete Math.PI / 返回假(不能删除预定义属性)4、typeof运算符:用来判断表达式的数据类型。如number(数值型)、 string(字符串类型) 、boolean(布

42、尔类型)、object(对象类型)、 function(函数类型)、 undefined(未定义类型)。 typeof运算符的语法格式为: typeof(表达式)或typeof表达式。例如:(1)typeof (120) 输出为number; typeof(good) 输出为string。 (2)typeof true 输出为boolean; typeof null 输出为object。5、= = =(!=)运算符:前面所述的“=”(!=)运算符,在比较前JavaScript解释器先将运算符两边的表达式转化为同一类型。而“= = =”(!=)运算符则不转化。例如:(1)x=2.1,则docum

43、ent.write(x=2.1);输出为true。 (2)document.write(x=2.1);输出为false。三、【示例13.3】本例子的功能是:说明JavaScript的运算符和表达式的使用。有关的代码可参见下面的源程序文件:E13_3.htm,在浏览器中的显示效果如图13.3所示。【源程序清单:E13_3.htm】第13. JavaScript的运算符和表达式示例第13章示例第13.3 JavaScript的运算符和表达式示例 !-/*算术运算符和表达式示例*/document.writeln(5/2=+5/2);/输出为2.5document.writeln(5.0/2=+5.

44、0/2);/输出为2.5document.writeln(12.6%5.1=+12.6%5.1);/输出为2.00003 /*逻辑运算符和表达式示例*/var a=2.1;/变量a赋值document.writeln(!(a1);/输出为falsedocument.writeln(a1);/输出为falsedocument.writeln(a2);/输出为1/*特殊运算符和表达式示例*/b=c=1;/赋值运算符可以连续使用document.writeln(b+c);/输出为2/delete操作符的使用delete a;document.writeln(a);/a未被删除,因为用var声明doc

45、ument.writeln(delete a);/a被删除不成功,输出为false/delete b;document.writeln(b);/b被删除,输出时提示“变量未定义”错误/typeof操作符的使用 myobj1=new Number();myobj2=new String(ok); document.writeln(myobj1是一个+typeof(myobj1)+类型的表达式.); document.writeln(myobj2是一个+typeof(myobj2)+类型的表达式.); document.writeln(3+5是一个+typeof (3+5)+类型的表达式.); d

46、ocument.writeln(test是一个+typeof(test)+类型的表达式.); document.writeln(f是一个+typeof(f)+类型的表达式.); document.writeln(a+<br>是一个+typeof(a+)+类型的表达式.);document.writeln(true是一个+typeof(true)+类型的表达式.);/- 图 13.3 JavaScript的运算符和表达式的应用13.4 JavaScript的函数函数是 JavaScript 中最基本的组成部分,是一个拥有名字的一系列JavaScript语句的有效组合,它主要是执行一个特定的任务,完成一个特定的功能,如完成三角形面积的计算、圆的周长计算或者更复杂的数学计算与数据处理任务等。为了能使用一个函数,我

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论