实验项目三内置函数和对象【学时数】 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 ：求用户在提示对话框中输入的表达式的值。
<script language=javascript>alert(eval(prompt(" 请输入一个常量表达式, 运算符可以是JavaScript 所允许的任何运算符, 而操作数只能是常量。
如 123*321/9, 我将为您计算出结果。
","65+98+96")))</script>7 、思考题：判断用户输入的字符是不是数字，如果是，分别将其转换成浮点数和整数，并显示到网页上。
<script language=javascript>var input = prompt(" 请输入字符！","");alert(isNaN(input)?" 你输入的不是数字":" 你输入的是数字");if(!isNaN(input)) {document.write(parseInt(input)+"<br>");document.write(parseFloat(input));}</script>实验内容二：JavaScript 内置对象的应用教师演示JavaScript 内置对象应用的程序案例，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。
一、对象的基本概念1 、什么是对象对象用于描述客观世界存在的特定实体。
在计算机世界中，不仅存在来自于客观世界的对象，也包含为解决问题而引入的抽象对象。
2 、对象的属性和方法在JavaScript 中，对象就是属性和方法的集合。
方法是作为对象成员的函数表明对象所具有的行为，属性是作为对象成员的一组变量，表明对象的状态。
通过访问或设置对象的属性，并且调用对象的方法，就可以对对象进行各种操作，从而获得需要的功能。
调用对象的一个方法类似于调用一个函数。
使用对象的一个属性则类似于使用一个变量。
二、Math 对象1 、Math 对象的属性是数学中常用的常量，如圆周率PI ，自然对数的底E 等。
2 、Math 对象的方法则是一些十分有用的数学函数，如sin() 、random() 、log() 等。
3 、在调用Math 对象的属性和方法时，直接写成：Math. 属性和Math. 方法。
4 、案例2_1 ：求PI 的5 次方，并四舍五入取整。
<script language=javascript>var number = Math.round(Math.pow(Math.PI,5));document.write("PI 的 5 次方的值为："+number);</script>5 、思考题：设计javascript 程序，在网页上随机显示10 个两位整数。
<script language=javascript>for(i=1;i<=10;i++) {var number = Math.floor(Math.random()*90)+10;document.write(" 随机数"+i+" ："+number+"<br>");}</script>三、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 之和所需要的运行时间( 毫秒数) 。
<script language=javascript>var t1,t2,htime,i,sum=0;t1 = new Date();document.write(" 循环前的时间:"+t1.toLocaleString()+":"+t1.getMilliseconds()+"<BR>");for(i=1;i<=10000;i++) sum+=i;t2 = new Date();document.write(" 循环后的时间:"+t2.toLocaleString()+":"+t2.getMilliseconds()+"<BR>");htime = t2.getTime() - t1.getTime();document.write(" 执行10000 次循环用时:"+ htime+" 毫秒<BR>")</script>4 、思考题：在网页上显示当前日期和时间，并显示是星期几。
<script language=javascript>var week,today,week_i;week=new Array(" 星期日"," 星期一"," 星期二"," 星期三"," 星期四"," 星期五"," 星期六");today=new Date();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])</script>四、Number 对象1 、Number 对象用于存放MAX_VALUE 、MIN_VALUE 、NaN 、NEGATIVE_INFINITY 、POSITIVE_INFINITY 等极端数值。
2 、案例2_3 ：在页面中显示JavaScript 可以处理的数的区间。
<script language=javascript>document.write("JavaScript 有效数的范围是: ["+Number.MIN_VALUE+","+Number.MAX_VALUE+"]");</script>2 、确认对话框程序案例<script language=javascript>var visited,show_text;visited=confirm(" 您来过湖北职院吗？");show_text = visited?" 您也认为湖北职院很美吧！":" 欢迎您有机会来湖北职院参观!";document.write(show_text);</script>五、String 对象1 、String 对象提供对字符串进行处理的属性和方法。