发布时间 : 星期五 文章javascript 内置函数和对象更新完毕开始阅读15ca18f6aef8941ea76e05d9
实验项目三 内置函数和对象
【学 时 数】 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(\ 4 、也可以直接将字符串赋给变量。 newstring = \
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 多个内置对象的属性和方法，要求重点掌握浏览器对象的含义，以及如何使用浏览器对象提供的信息来完成一定功能的网页设计。