《JS函数和对象课件》由会员分享，可在线阅读，更多相关《JS函数和对象课件（30页珍藏版）》请在金锄头文库上搜索。
1、Version 3.0你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院T6 JavaScript脚本语言脚本语言 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院回顾回顾JavaScript简介简介JavaScript与与HTML网页网页JavaScript基本语法基本语法函数的使用函数的使用 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院目标目标对象建立和操作对象建立和操作Data日期对象日期对象Number数字对象数字对象String字符串对象字符串对象Array数组对象数组对象Math数学对象数学对象 你的潜力，我们的动力！你
2、的潜力，我们的动力！襄樊软件学院襄樊软件学院1.对象建立和操作对象建立和操作JavaScript是具有面向对象特征的脚是具有面向对象特征的脚本语言本语言.对象对象具有属性具有方法 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院JavaScript 对象简介对象简介对象是属性和对象是属性和/方法的组合方法的组合属性是对象所拥有的一组外观特征，属性是对象所拥有的一组外观特征，一般为名词一般为名词 方法是对象可以执行的功能，一般为方法是对象可以执行的功能，一般为动词动词 例如：汽车例如：汽车Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车 你的潜力，我
3、们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院JavaScript 对象简介对象简介q三类对象三类对象 浏览器对象浏览器对象浏览器对象浏览器对象 脚本对象脚本对象脚本对象脚本对象 HTML HTML 对象对象对象对象 l浏览器窗口windowl文档 documentlurl地址等lString字符串对象lDate日期对象lMath数学对象等 各种HTML标签:l段落l图片l超链接等 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院建立对象建立对象建立对象的语法建立对象的语法:新建对象名称=new 对象类型例例:var time=new Data();注意注意:ne
4、w语句是一种对象构造器语句是一种对象构造器,可以可以用用new语句来定义一个新对象语句来定义一个新对象. 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院2.Date 对象对象Date 对象存储的日期为自对象存储的日期为自 1770 年年 1 月月 1 日日 00:00:00 以来的毫秒数以来的毫秒数var 日期对象 = new Date (年、月、日等参数)例：var mydate=new Date( “July 29, 1998,10:30:00 ”) 如果没有参数，表示当前日期和时间例：var today = new Date( ) 你的潜力，我们的动力！你的潜力，我
5、们的动力！襄樊软件学院襄樊软件学院Date 对象对象Data 方法的分组：方法的分组： 方法分组说 明 setxxx这些方法用于些方法用于设置置时间和日期和日期值getxxx 这些方法用于些方法用于获取取时间和日期和日期值Toxxx这些方法用于从些方法用于从 Date 对象返回字符串象返回字符串值parsexxx & UTCxx这些方法用于解析字符串些方法用于解析字符串 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院Date 对象对象用作用作 Date 方法的参数的整数：方法的参数的整数： 值整 数 Seconds 和 minutes0 至 59 Hours0 至 23
6、Day0 至 6（星期几） Date1 至 31（月份中的天数） Months0 至 11（一月至十二月） 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院Date 对象对象Set 方法：方法：方法说明setDate设置置 Date 对象象中中月月份份中中的的天天数数，其其值介介于于 1 至至 31 之之间。setHours设置置 Date 对象象中中的的小小时数数，其其值介介于于 0 至至 23 之之间。setMinutes设置置 Date 对象象中中的的分分钟数数，其其值介介于于 0 至至 59 之之间。 setSeconds设置置 Date 对象象中中的的秒秒数数，其
7、其值介介于于 0 至至 59 之之间。 setTime设置置 Date 对象中的象中的时间值。 setMonth设置置 Date 对象象中中的的月月份份，其其值介介于于 1 至至 12 之之间。 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院Date 对象对象Get 方法：方法：方法说明getDate返返回回 Date 对象象中中月月份份中中的的天天数数，其其值介介于于 1 至至 31 之之间getDay返返回回 Date 对象象中中的的星星期期几几，其其值介介于于 0 至至 6 之之间getHours返返回回 Date 对象象中中的的小小时数数，其其值介介于于 0 至至
8、 23 之之间getMinutes返返回回 Date 对象象中中的的分分钟数数，其其值介介于于 0 至至 59 之之间getSeconds返返回回 Date 对象象中中的的秒秒数数，其其值介介于于 0 至至 59 之之间getMonth返返回回 Date 对象象中中的的月月份份，其其值介介于于 0 至至11 之之间getFullYear返回返回 Date 对象中的年份，其象中的年份，其值为四位数四位数getTime返返回回自自某某一一时刻刻（1970 年年 1 月月 1 日日）以以来来的的毫毫秒数秒数 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院Date 对象对象方 法
9、说 明 ToGMTString使用格林尼治使用格林尼治标准准时间 (GMT) 数据格式将数据格式将 Date 对象象转换成字符串表示成字符串表示ToLocaleString使使用用当当地地时间格格式式将将 Date 对象象转换成成字字符符串串表示表示To 方法：方法：Parse 方法和方法和 UTC 方法方法 方 法说 明Date.parse (date string )用日期字符串表示自用日期字符串表示自 1970 年年 1 月月 1 日以来的日以来的毫秒数毫秒数 Date.UTC (year, month, day, hours, min., secs. )Date 对象中自象中自 197
10、0 年年 1 月月 1 日以来的毫秒数日以来的毫秒数 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院var now= new Date( );var hour = now.getHours( );if (hour=0 & hour 12 & hour18 & hour 24) document.write(晚上好!);document.write(今天日期:+now.getYear()+年“ +(now.getMonth( )+1)+月+now.getDate()+日);document.write(现在时间:+now.getHours()+点+now.getMinute
11、s( )+分); Date对象对象如何实现获得当前日期和时间获得小时，即当前是几点判断上午、下午还是晚上月份数字011，注意1 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院Date对象对象setTimeout的用法：的用法： setTimeout（“调用的函数调用的函数”,”定时的时定时的时间间”） 例：例： var myTimesetTimeout（”disptime( )”,1000）; clearTimeout（myTime）;本例的时间可以采用定时显示，使用定时器函数，每隔1秒调用disptime( )函数显示时间每隔1000毫秒调用函数disptime( )执
12、行关闭定时器 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院Date 对象对象10-8JavaScript 代码function disptime( ) var time = new Date( ); /获得当前时间 var hour = time.getHours( ); /获得小时、分钟、秒 var minute = time.getMinutes( ); var second = time.getSeconds( ); var apm=AM; /默认显示上午: AM if (hour12) /按12小时制显示 hour=hour-12; apm=PM ; if (m
13、inute 10) /如果分钟只有1位，补0显示 minute=0+minute; if (second 10) /如果秒数只有1位，补0显示 second=0+second;document.myform.myclock.value= hour+:+minute+:+ second+ +apm;var myTime = setTimeout(disptime( ),1000);无边框的文本框myclock使用定时器函数，每隔1秒调用disptime( )函数刷新显示获得小时、分钟、秒根据12小时制调整时间和AM/PM标志确保分钟和秒显示位数为 2 位var myTime = setTimeo
14、ut(disptime( ),1000);设置定时器每隔1秒（1000毫秒），调用函数disptime( )执行，刷新时钟显示 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院3. Number数字对象数字对象尽管数字都属于尽管数字都属于Number对象对象,但这个对象但这个对象很少使用很少使用.属性或方法属性或方法说明说明.MAX_VALUE用法用法:number.MAX_VALUE返回返回:“最大值最大值”.MIN_VALUE用法用法:number.MIN_VALUE返回返回:“最小值最小值”.NaN用法用法:number.NaN或或NaN返回返回:“非数字非数字”.t
15、oString()用法用法:数字变量数字变量.toString()返回返回:字符串形式的数值字符串形式的数值 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院4. String对象对象1String对象的定义对象的定义可以通过两种方法创建一个字符串对象。可以通过两种方法创建一个字符串对象。str1=hello;str2=new String(hello);2String对象的属性对象的属性字符串对象有一个主要的属性字符串对象有一个主要的属性length，可，可以获得字符串的长度。以获得字符串的长度。 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院3St
16、ring对象的方法对象的方法第一类是关于字符串的运算。第一类是关于字符串的运算。 （1）charAt(位置位置) （2）indexOf(子字符串子字符串,起始索引起始索引) （3）lastIndexOf(子字符串子字符串,起始索引起始索引) （4）substring（起始索引（起始索引,结束索引）结束索引） （5）toLowerCase() （6）toUpperCase() 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院第二类是关于字符串的显示处理。第二类是关于字符串的显示处理。 （1）fontsize(字号字号) （2）fontcolor(颜色颜色) （3）bold()
17、 （4）italics() （5）blink() （6）strike() （7）sub() 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院（8）sup() （9）fixed() （10）big() （11）small() （12）anchor() （13）link(URL) 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院5.数组数组声明数组声明数组 var 数组名 = new Array(数组大小); 例： var emp = new Array(3)添加元素添加元素 emp0 = “AA; emp1 = “BB; emp2 = “CC;AABBCC
18、emp 也可以声明数组并赋初值： 例：例： var emp=new Array(“AA”，“BB”，“CC”)； 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院使用数组var emp = new Array(3);emp0 = Ryan Dias;emp1 = Graham Browne;emp2 = David Greene;document.write(数组emp中的数据为:);document.write(emp0+);document.write(emp1+);document.write(emp2+);数组数组 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软
19、件学院襄樊软件学院数组数组常用属性常用属性 length ：返回数组中元素的个数：返回数组中元素的个数常用方法常用方法方 法说 明join将数将数组中的元素中的元素组合成字符串合成字符串reverse颠倒数倒数组元素的元素的顺序，使第一个元素成序，使第一个元素成为最后一个，最后一个，而最后一个元素成而最后一个元素成为第一个第一个sort对数数组元素元素进行排序行排序 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院var emp = new Array(3);emp0 = Ryan Dias;emp1 = Graham Browne;emp2 = David Greene;
20、emp.sort( );document.write(“排序结果是：);document.write(emp0+);document.write(emp1+);document.write(emp2+);数组排序数组排序 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院6.算术函数的算术函数的math对象对象 功能：提供除加、减、乘、除以外的一引些功能：提供除加、减、乘、除以外的一引些自述运算。如对数，平方根等自述运算。如对数，平方根等 。静动性：静态对象静动性：静态对象主要属性主要属性 :math中提供了个属性，它们是中提供了个属性，它们是数学中经常用到的常数、以为底的自
21、数学中经常用到的常数、以为底的自然对数、以为底的自然对数然对数、以为底的自然对数LN2、3.14159的的PI、1/2的平方根的平方根SQRT1-2,2的平的平方根为方根为SQRT2。 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院算术函数的算术函数的math对象对象主要方法主要方法: 绝对值：绝对值：abs()正弦余弦值：正弦余弦值：sin(),cos()反正弦反余弦反正弦反余弦 :asin(), acos()正切反正切：正切反正切：tan(),atan()四舍五入：四舍五入：round()平方根：平方根：sqrt()基于几方次的值：基于几方次的值：Pow(base,e
22、xponent). 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院Math 对象对象名称 说 明属性属性PI 的的值， 约等于等于 3.1415LN1010 的自然的自然对数的数的值，约等于等于 2.302EEuler 的的常常量量的的值，约等等于于 2.718。Euler 的常量用作自然的常量用作自然对数的底数数的底数abs(y)返回返回 y 的的绝对值sin (y) 返回返回 y 的正弦，返回的正弦，返回值以弧度以弧度为单位。位。cos (y)返回返回 y 的余弦，返回的余弦，返回值以弧度以弧度为单位位tan (y)返回返回 y 的正切，返回的正切，返回值以弧度以弧度
23、为单位位 min (x, y)返回返回 x 和和 y 两个数中两个数中较小的数小的数 max (x, y)返回返回 x 和和 y 两个数中两个数中较大的数大的数 random返回返回0-1的随机数的随机数方法方法round (y)四舍五入取整四舍五入取整sqrt (y)返回返回 y 的平方根的平方根Math.random( ) ：产生：产生01的随机小数的随机小数Math.round( )：四舍五入取整，如：四舍五入取整，如9.34 取整为取整为9 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院自动刷新 document.write(2秒自动刷新，随机显示图片); var i=0; i=Math.round(Math.random( )*8+1); document.write(); Math 对象对象假定随机产生的数字i=3，上述代码即为：显示第三幅图片（3.jpg） 如何实现每隔2秒刷新网页Math.round(Math.random( )*8+1) 产生1-9的数字 你的潜力，我们的动力！你的潜力，我们的动力！襄樊软件学院襄樊软件学院总结总结对象建立和操作对象建立和操作Data日期对象日期对象Number数字对象数字对象String字符串对象字符串对象Array数组对象数组对象Math数学对象数学对象
