第4章节 网页特效——JavaScript.ppt

网页设计与制作教程 机械工业出版社同名教材 配套电子教案 2005.8 3. 全局变量与局部变量 根据变量的作用范围，变量又可分为全局变量和局部变量。全局变量是在所有函数之外的脚本中定义的变量，其作用范围是这个变量定义之后三所有语句，包括其后定义的函数中的程序代码和它后面的其他script.../script标记中的程序代码。局部变量是定义在函数代码之内的变量，只有在该函数中且位于这个变量定义之后的程序代码可以使用这个变量。局部变量对其后的其他函数和脚本代码来说都是不可见的。 如果在函数中定义了与全局变量同名的局部变量，则在该函数中且位于这个变量定义之后的程序代码使用的是局部变量，而不是全局变量。 【例4-16】 4.4.3 函数 4. JavaScript内置的函数 (1) escape()和unescape() escape()和unescape()函数的功能是对字符串进行编码和解码。在许多URL地址中，会看到%加数字的情况，这是由于采用了ISO-Latin-1字符集进行编码。可以采用unescape()函数对字符串进行解码，也可以用escape()函数对字符串进行编码。 (2) eval() eval(字符串)函数将字符串所代表的运算或语句，作为一个表达式执行。因为在JavaScript中编写的每条表达式语句都是事先明确固定的，不能根据运行时的情况进行变动。 4.4.3 函数 (3) parseInt()和parseFloat() 在使用表单时，常将文本框中的字符串按照需要转换为整数和浮点数，这样的操作就要用到parseInt()函数和parseFloat()函数，它们可以分别将字符串转换为整型数和浮点数。例如：var int0=parseInt(6.8); 则int0的值为6。parseInt()函数不是对字符串所代表的数值四舍五入，而是进行截尾操作。又如：var float0=parseFloat(6.8); 则float0的值为6.8。 (4) isNaN() NaN意为not a number，即不是一个数值。isNaN()函数用于判断表达式是否是一个数值。若isNaN()返回的值为true，则表达式不是数值；反之，则是一个数值。 4.4.3 函数 1. 对象 (1) 对象的概念 JavaScript中的对象是由属性（properties）和方法（methods）两个基本的元素的构成的。用来描述对象特性的一组数据，也就是若干个变量，称为属性；用来操作对象特性的若干个动作，也就是若干函数，称为方法 (2) 对象的使用 要使用一个对象，有下面三种方法： 引用JavaScnPt内置对象。 由浏览器环境中提供。 创建新对象。 一个对象在被引用之前必须已经存在。 4.5 基于对象的JavaScript语言 (3) 对象的操作语句 在JavaScript中提供了几个用于操作对象的语句和关键字及运算符。 ① for...in语句。 for...in语句的基本格式为： for(变量 in 对象){ 代码块; } 该语句的功能是用于对某个对象的所有属性进行循环操作，它将一个对象的所有属性名称逐一赋值给一个变量，并且不需要事先知道对象属性的个数。 【例4-17】 4.5 基于对象的JavaScript语言 ② with语句。 with语句的基本格式为： with(对象){ 代码块; } 该语句的功能用于声明一个对象，代码块中的语句都被认为是对这一对象属性进行的操作。这样，当需要对一个对象进行大量操作时，就可通过with语句来替代一连串的“对象名”，从而节省不少代码。 4.5 基于对象的JavaScript语言 ③ this关键字。 this用于将对象指定为当前对象。 ④ new关键字。 使用new可以创建指定对象的一个实例。其创建对象实例的格式为： 对象实例名=new 对象名(参数表); ⑤ delete操作符。 delete操作符可以删除一个对象的实例。其格式为： delete 对象名; 4.5 基于对象的JavaScript语言 2. 对象的属性 在JavaScript中，每一种对象都