javascript 内置函数和对象

实验项目三内置函数和对象

【学时数】 2 （45 分钟× 2=90 分钟）

【实验内容】

1 、JavaScript 内置函数的应用

2 、JavaScript 内置对象的应用

【实验参考】

《网页设计与制作》………………………………………………………… 重庆大学出版社

《网页标题制作技巧与实例》……………………………………………… 清华大学出版社

《javascript 入门与提高》……………………………………………… 清华大学出版社

《javascript 宝典》……………………………………………………… 电子工业出版社

【实验设备】

计算机，投影机

【实验目的与要求】

1 、掌握JavaScript 内置函数的使用方法

2 、掌握JavaScript 常用内置对象的属性和方法

【实验重点】

1 、掌握JavaScript 内置函数的使用方法

2 、掌握JavaScript 常用内置对象的属性和方法

【实验难点】

1 、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。

【实验方式】

1 、项目工程互动式教学法

2 、“讲、学、练”相结合：对于javascript 内置函数和对象相关细节，大量采用演示、讲解和操作等方式。使学生在实验中加深对相关内容的理解并熟练掌握。

【实验设计】

向学生演示多个javascrip 内置函数和对象的程序案例，学生跟着教师一起完成javascript 程序的编写，同时完成教师布置的思考题，教师实施指导。

第一步：演示JavaScript 内置函数的应用，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。（20 分钟左右）第二步：演示JavaScript 常用内置对象的应用，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。（35 分钟左右）

【实验过程】

实验内容一：JavaScript 内置函数的应用

教师演示JavaScript 内置函数应用的程序案例，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。

1 、eval( ) ：计算字符串表达式的值

2 、parseFloat( ) 和parseInt( ) ：将字符串开头的整数或浮点数分解出来，转换为整数或浮点数

3 、isNaN( ) ：确定一个变量是否为NaN （Not a Number ）

4 、escape( ) ：将字符串中的非字母数字字符转换为按格式%XX 表示的数字

5 、unescape( ) ：将字符串格式为%XX 的数字转换为字符

6 、程序案例1_1 ：求用户在提示对话框中输入的表达式的值。

7 、思考题：判断用户输入的字符是不是数字，如果是，分别将其转换成浮点数和整数，并显示到网页上。

实验内容二：JavaScript 内置对象的应用

教师演示JavaScript 内置对象应用的程序案例，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。

一、对象的基本概念

1 、什么是对象

对象用于描述客观世界存在的特定实体。在计算机世界中，不仅存在来自于客观世界的对象，也包含为解决问题而引入的抽象对象。

2 、对象的属性和方法

在JavaScript 中，对象就是属性和方法的集合。

方法是作为对象成员的函数表明对象所具有的行为，属性是作为对象成员的一组变量，表明对象的状态。

通过访问或设置对象的属性，并且调用对象的方法，就可以对对象进行各种操作，从而获得需要的功能。

调用对象的一个方法类似于调用一个函数。

使用对象的一个属性则类似于使用一个变量。

二、Math 对象

1 、Math 对象的属性是数学中常用的常量，如圆周率PI ，自然对数的底

E 等。

2 、Math 对象的方法则是一些十分有用的数学函数，如sin() 、random() 、log() 等。

3 、在调用Math 对象的属性和方法时，直接写成：Math. 属性和Math. 方法。

4 、案例2_1 ：求PI 的

5 次方，并四舍五入取整。

5 、思考题：设计javascript 程序，在网页上随机显示10 个两位整数。

三、Date 对象

1 、Date 对象的主要方法

常用方法: 设置和获取日期中的年、月、日、小时、分、秒和毫秒等

2 、创建Date 对象

要使用Date 对象，必须先使用new 运算符创建它。创建Date 对象的常见方式有三种：

(1) 不带参数var today = new Date();

(2) 创建一个指定日期的Date 变量var theDate = new Date(2000, 9, 1);

(3) 创建一个指定时间的Date 变量var theTime = new Date(2000, 9, 1, 10, 20,30,50)

3 、案例2_2 ：计算求1+2+3+…10000 之和所需要的运行时间( 毫秒数) 。

4 、思考题：在网页上显示当前日期和时间，并显示是星期几。

四、Number 对象

1 、Number 对象用于存放MAX_VALUE 、MIN_VALUE 、NaN 、NEGATIVE_INFINITY 、POSITIVE_INFINITY 等极端数值。

2 、案例2_

3 ：在页面中显示JavaScript 可以处理的数的区间。

2 、确认对话框程序案例

五、String 对象

1 、String 对象提供对字符串进行处理的属性和方法。

2 、在使用String 对象时，首先要创建一个字符串变量。

3 、使用new 运算符来创建，如：

newstring = new String("This is a new string")

4 、也可以直接将字符串赋给变量。

newstring = "This is a new string"

5 、String 对象的最常用属性和方法length 、toLowerCase() 、toUpperCase() 、charAt(index) 、substr(start,len)

6 、程序案例2_4 ：String 对象的常用方法

7 、思考题：将用户输入的字符串反向输出到页面上，并且要求将其中的小写字母转换为大写字母。例如，如果输入”abc123” ，则输出”321CBA” 。

六、Array 对象

1 、什么是数组

一个数组可以包含多个数组元素。数组中数组元素的个数称为数组长度。

2 、创建和访问数组

一个数组元素由数组名、一对方括号[ ] 和这对括号中的下标组合起来表示。如：arrayname[0] 、arrayname[1] 。

3 、for…in 语句

用for…in 语句处理数组，可以依次对数组中的每个数组元素执行一条或多条语句。

for…in 的格式是：for( 变量in 数组) 循环体语句;

4 、程序案例2_

5 ：使用for…in 语句，显示数组的值。

【实验小结】

通过本次实验，同学们学会了javascript 内置函数的使用方法，熟悉了javascript 多个内置对象的属性和方法，要求重点掌握浏览器对象的含义，以及如何使用浏览器对象提供的信息来完成一定功能的网页设计。