JAVASCRIPT 内置函数和对象
- 格式：pdf
- 大小：138.02 KB
- 文档页数：5
实验项目三内置函数和对象
【学时数】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（NotaNumber）
4、escape()：将字符串中的非字母数字字符转换为按格式%XX表示的
数字5、unescape()：将字符串格式为%XX的数字转换为字符
6、程序案例1_1：求用户在提示对话框中输入的表达式的值。
alert(eval(prompt("请输入一个常量表达式,运算符可以是JavaScript所
允许的任何运算符,而操作数只能是常量。如123*321/9,我将为您计
算出结果。","65+98+96")))
7、思考题：判断用户输入的字符是不是数字，如果是，分别将其转换成浮
点数和整数，并显示到网页上。
varinput=prompt("请输入字符！","");
alert(isNaN(input)?"你输入的不是数字":"你输入的是数字");
if(!isNaN(input)){
document.write(parseInt(input)+"");
document.write(parseFloat(input));
}
实验内容二：JavaScript内置对象的应用
教师演示JavaScript内置对象应用的程序案例，学生按照教师的操作步骤，
自己动手编写该程序，并完成教师布置的思考题。
一、对象的基本概念1、什么是对象
对象用于描述客观世界存在的特定实体。在计算机世界中，不仅存在来自于
客观世界的对象，也包含为解决问题而引入的抽象对象。2、对象的属性和方法
在JavaScript中，对象就是属性和方法的集合。
方法是作为对象成员的函数表明对象所具有的行为，属性是作为对象成员
的一组变量，表明对象的状态。
通过访问或设置对象的属性，并且调用对象的方法，就可以对对象进行各种
操作，从而获得需要的功能。
调用对象的一个方法类似于调用一个函数。
使用对象的一个属性则类似于使用一个变量。
二、Math对象1、Math对象的属性是数学中常用的常量，如圆周率PI，自然对数的底E等。
2、Math对象的方法则是一些十分有用的数学函数，如sin()、
random()、log()等。
3、在调用Math对象的属性和方法时，直接写成：Math.属性和Math.方
法。4、案例2_1：求PI的5次方，并四舍五入取整。
varnumber=Math.round(Math.pow(Math.PI,5));
document.write("PI的5次方的值为："+number);
5、思考题：设计javascript程序，在网页上随机显示10个两位整数。
for(i=1;i<=10;i++){
varnumber=Math.floor(Math.random()*90)+10;
document.write("随机数"+i+"："+number+"");
}
三、Date对象1、Date对象的主要方法
常用方法:设置和获取日期中的年、月、日、小时、分、秒和毫秒等2、创建Date对象
要使用Date对象，必须先使用new运算符创建它。创建Date对象的常
见方式有三种：(1)不带参数vartoday=newDate();
(2)创建一个指定日期的Date变量vartheDate=newDate(2000,9,1);
(3)创建一个指定时间的Date变量vartheTime=newDate(2000,9,1,10,
20,30,50)
3、案例2_2：计算求1+2+3+…10000之和所需要的运行时间(毫秒
数)。
vart1,t2,htime,i,sum=0;
t1=newDate();
document.write("循环前的时
间:"+t1.toLocaleString()+":"+t1.getMilliseconds()+"");for(i=1;i<=10000;i++)sum+=i;
t2=newDate();
document.write("循环后的时
间:"+t2.toLocaleString()+":"+t2.getMilliseconds()+"");htime=t2.getTime()-t1.getTime();
document.write("执行10000次循环用时:"+htime+"毫秒")
4、思考题：在网页上显示当前日期和时间，并显示是星期几。
varweek,today,week_i;
week=newArray("星期日","星期一","星期二","星期三","星期四
","星期五","星期六");
today=newDate();
year=today.getYear();//年
month=today.getMonth()+1;//月
date=today.getDate();//日
hour=today.getHours();//小时
minute=today.getMinutes();//分
second=today.getSeconds();//秒
week_i=today.getDay();
document.write(year+"年"+month+"月"+date+"日"+"\t");
document.write(hour+":"+minute+":"+second+"\t"+week[week_i])
四、Number对象1、Number对象用于存放MAX_VALUE、MIN_VALUE、NaN、
NEGATIVE_INFINITY、POSITIVE_INFINITY等极端数值。
2、案例2_3：在页面中显示JavaScript可以处理的数的区间。
document.write("JavaScript有效数的范围是:["
+Number.MIN_VALUE+","+Number.MAX_VALUE+"]");
2、确认对话框程序案例
varvisited,show_text;
visited=confirm("您来过湖北职院吗？");
show_text=visited?"您也认为湖北职院很美吧！":"欢迎您有机会来湖北
职院参观!";document.write(show_text);
五、String对象1、String对象提供对字符串进行处理的属性和方法。
2、在使用String对象时，首先要创建一个字符串变量。
3、使用new运算符来创建，如：
newstring=newString("Thisisanewstring")
4、也可以直接将字符串赋给变量。
newstring="Thisisanewstring"
5、String对象的最常用属性和方法length、toLowerCase()、
toUpperCase()、charAt(index)、substr(start,len)
