javascript 内置函数和对象
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实验项目三内置函数和对象
【学时数】 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 、思考题：在网页上显示当前日期和时间，并显示是星期几。