项目18—JAVASCRIPT内置对象和函数

教学方法教学目标教学重点教学难点教学过程教学目标1、掌握JavaScript 内置函数的应用2、掌握JavaScript 内置对象的应用3、掌握JavaScript 浏览器对象的应用教学方法教学目标教学重点教学难点教学过程教学重点1、掌握JavaScript 内置函数的使用方法2、掌握JavaScript 常用内置对象的属性和方法3、掌握JavaScript 浏览器对象的含义教学方法教学目标教学重点教学难点教学过程教学难点1、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。

教学方法教学目标教学重点教学难点教学过程教学方法1、项目工程互动式教学法2、“讲、学、观察”相结合教学方法教学目标教学重点教学难点教学过程一、JavaScript 内置函数的应用JavaScript 中的系统函数又称内部方法。

它提供了与任何对象无关的系统函数，使用这些函数不需创建实例，可以直接用。

1、eval( )：计算字符串表达式的值2、parseFloat( )和parseInt( )：将字符串开头的整数或浮点数分解出来，转换为整数或浮点数3、isNaN( )：确定一个变量是否为NaN （Not a Number ）4、escape( )：将字符串中的非字母数字字符转换为按格式%XX 表示的数字5、unescape( )：将字符串格式为%XX 的数字转换为字符教学方法教学目标教学重点教学难点教学过程6、程序案例1：求用户在提示对话框中输入的表达式的值。

<script language=javascript>alert(eval(prompt("请输入一个常量表达式,运算符可以是JavaScript 所允许的任何运算符,而操作数只能是常量。

如123*321/9,我将为您计算出结果。

","65+98+96")))</script>eval( )内置函数的用法：计算字符串表达式的值。

教学方法教学目标教学重点教学难点教学过程二、JavaScript 内置对象的应用1、Math 对象2、Date 对象3、Number 对象4、String 对象5、Array 对象教学方法教学目标教学重点教学难点教学过程一、对象的基本概念1、什么是对象对象用于描述客观世界存在的特定实体。

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

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

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

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

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

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

教学方法教学目标教学重点教学难点教学过程二、Math 对象1、Math 对象的属性是数学中常用的常量，如圆周率PI ，自然对数的底E 等。

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

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

教学方法教学目标教学重点教学难点教学过程4、案例2：求PI 的5次方，并四舍五入取整。

<script language=javascript>var number = Math.round(Math.pow(Math.PI,5));document.write("PI 的5次方的值为："+number);</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、案例3：计算求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>教学方法教学目标教学重点教学难点教学过程四、Number 对象1、Number 对象用于存放MAX_VALUE 、MIN_VALUE 、NaN 、NEGATIVE_INFINITY 、POSITIVE_INFINITY 等极端数值。

2、案例4：在页面中显示JavaScript 可以处理的数的区间。

<script language=javascript>document.write("JavaScript 有效数的范围是: ["+Number.MIN_VALUE+","+Number.MAX_VALUE+"]");</script>教学方法教学目标教学重点教学难点教学过程五、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、程序案例5：String 对象的常用方法<script language=javascript>var mystr = "look at this";document.writeln(mystr.charAt(5));document.writeln(mystr.substring(5,7));document.writeln(mystr.toUpperCase());document.writeln(mystr.indexOf("oo"));</script>教学方法教学目标教学重点教学难点教学过程六、Array 对象1、什么是数组一个数组可以包含多个数组元素。

数组中数组元素的个数称为数组长度。

2、创建和访问数组一个数组元素由数组名、一对方括号[ ]和这对括号中的下标组合起来表示。

如：arrayname[0]、arrayname[1]。

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

for …in 的格式是：for(变量in 数组) 循环体语句;教学方法教学目标教学重点教学难点教学过程4、程序案例6：使用for …in 语句，显示数组的值。

<script language=javascript>var classmates,i;classmates = new Array("张月","李良","王力","何芳");for(i in classmates)document.write("第"+(parseInt(i)+1)+"个同学是:"+classmates[i]+"<BR>");</script>教学方法教学目标教学重点教学难点教学过程实验内容三、JavaScript 浏览器对象的应用1、窗口(Window)对象2、文档(document)对象3、表单(form)对象教学方法教学目标教学重点教学难点教学过程一、窗口(window)对象1、window 对象的属性和方法窗口(window)对象处于对象层次的顶端，它提供了处理浏览器窗口的方法和属性。

对于window 对象的使用，主要集中在窗口的打开和关闭、窗口状态的设置、定时执行程序以及各种对话框的使用等四个方面。

在JavaScript 中可直接引用window 对象的属性和方法。

2、打开和关闭窗口通过脚本可以打开新窗口，也可以关闭窗口。

教学方法教学目标教学重点教学难点教学过程3、程序案例7：设计一个有三个超链接的页面，单击这些链接时分别打开和关闭新窗口，以及关闭本身窗口<SCRIPT language="javascript">var newwin;function opennewwin( ){newwin=open("new.htm","myWindow","height=100,width=400,top=10,left=0,toolbar=no,menubar=n o," +"scrollbars=no,resizable=no,location=no,status=no");}function closenewwin( ){newwin.close();}</SCRIPT>教学方法教学目标教学重点教学难点教学过程二、文档(document)对象通过document 对象可以访问HTML 文档包含的任何HTML 元素，如各种表格、表单、图像、超链接等。