javascript常用内置对象

目标•理解javascript的内置对象•使用Number、String、Math和Date等对象•掌握对象的创建•使用对象的属性•了解对象的共同属性和方法1对象的基本概念•JavaScript是一种基于对象的语言•对象：是属性和/方法的组合•属性：是对象所拥有的一组外观特征，一般为名词•方法：是对象可以执行的功能，一般为动词•例如：汽车2Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车对象的基本概念3JavaScript支持3种对象浏览器对象BOM内置对象/脚本对象HTMLDOM对象浏览器窗口window屏幕对象Screen浏览器信息对象navigator等等String字符串对象Date日期对象Math数学对象等文档对象Document窗体对象Form图像对象image等对象的创建•使用new关键字创建内置对象例如：varo=newObject();•适用对象直接量创建例如：varoo={};varooo={1,2};4在Javascript中使用对象1.使用对象的属性：①通过“.”运算符来存取对象的属性，语法格式如下：对象名.属性名②通过属性名。语法格式如下：对象名[“属性名”]5在Javascript中使用对象1.使用对象的属性：③通过循环语句。语法格式如下：for(var变量in对象变量){……对象变量[变量]……}④通过with语句。语法格式如下：with(对象变量){……直接使用对象的属性名、方法名……}6在Javascript中使用对象2.使用对象的方法•使用with语句或通过圆点运算符就可以得到对象的方法。–对象变量.对象方法名()数学对象（Math）•在JavaScript中，Math对象提供算术运算符所需要的多种数值类型和函数。•该对象的所有属性和方法都是静态的，在使用该对象时，不需要进行创建。Math对象的属性属性说明E常量e，自然对数的底数（约等于2.718）LN1010的自然对数（约等于2.302）LN22的自然对数（约等于0.693）LOG2E以2为底的e的对数（约等于1.414）LOG10E以10为底的e的对数（约等于0.434）PI圆周率（约等于3.14159）SQRT1_21/2的平方根（约等于0.707）SQRT22的平方根（约等于1.414）Math对象的方法Math方法的应用•max()和min()方法用来返回一组数中的最大值和最小值，均可接受任意多个参数。–variMax=Math.max(12,45,2,66);•Math对象提供了3种方法来处理小数转化为整数的操作：–ceil()：表示向上舍入。–floor()：表示向下舍入。–round()：表示四舍五入。案例：小数转化为整数的方法。scriptlanguage=“javascript”document.write(“ceil:”+Math.ceil(-25.6)+”“+Math.ceil(25.6)+”br/”);//向上舍入document.write(“floor:”+Math.floor(-25.6)+”“+Math.floor(25.6)+”br/”);//向下舍入document.write(“round:”+Math.round(-25.6)+”“+Math.round(25.6)+”br/”);//四舍五入/scriptMath方法的应用-random()•random()方法：生成0~1之间的随机数，不包括0和1。•获得某个范围内随机数的公式：–number=Math.floor(Math.random()*total_number_of_choices+first_possible_value);•例如：希望取值的随机数范围在2~99之间，有98个数字，第一个值为2，则公式应用如下：–variNum=Math.floor(Math.random()*98+2);案例：用random()更换图片。14HTMLHEADMETAhttp-equiv=refreshcontent=2TITLE自动刷新/TITLESCRIPTlanguage=JavaScriptdocument.write(2秒自动刷新，随机显示图片);vari=0;i=Math.round(Math.random()*8+1);document.write(IMGwidth=640height=433src=+i+.jpg);/SCRIPT/HEADBODY/BODY/HTML假定随机产生的数字i=3，上述代码即为：IMGwidth=640height=433src=3.jpg显示第三幅图片（3.jpg）如何实现每隔2秒刷新网页Math.round(Math.random()*8+1)产生1-9的数字字符串对象（String）String对象是动态对象，需要创建实例后才能引用该对象的属性和方法。创建字符串对象有两种不同方法：•使用var语句varnewstr=“这是我的字符串•创建String对象varnewstr=newString(“这是我的字符串)15String对象的属性•constructor属性和prototype属性都是公共属性，在Array、Date、Boolean和Number对象中都可以调用。案例：length属性的应用。scriptlanguage=javascriptvarnewString=newString(study);varp=newString.length;alert(p.toString());/scriptString对象的主要方法名称说明big()增大字符串文本bold()加粗字符串文本fontcolor()确定字体颜色italics()用斜体显示字符串indexOf(“子字符串”，起始位置)查找子字符串的位置strike()显示加删除线的文本sub()将文本显示为下标toLowerCase()将字符串转换成小写toUpperCase()将字符串转换成大写18语法：indexOf(“查找的子字符串”，查找的起始位置)返回子字符串所在的位置，如果没找到，返回－1例如：varxvary=“abcdefg”;x=y.indexOf(“c”,0);//返回结果为2，起始位置是0日期对象（Date）简介•在web开发过程中，Date对象用来实现对日期和时间的控制。•如果想在页面上显示计时时钟，就得重复生成新的Date对象来获取计算机的当前时间。•Date对象存储的日期为自1970年1月1日00:00:00以来的毫秒数。Date对象的创建语法格式如下：•dateObj=newDate();//Date对象会自动把当前日期和时间保存为其初始值。•dateObj=newDate(dateVal);•dateObj=newDate(year,month,date[,hours[,minutes[,seconds[,ms]]]]);20参数说明参数说明dateObj必须项。定义为Date对象的变量名。dateVal必选项。如果是数字值，dateVal表示指定日期与1970年1月1日午夜之间的毫秒数（全球标准时间）。如果是字符串，则dateVal按照parse方法中的规则进行解析。dateVal参数也可以是从某些ActiveX（R）对象返回的VT_DATE值。year必选项。完整的年份，比如1976，而不是76。month必选项。表示月份，是0~11之间的整数，表示1月至12月。Date必须项。表示日期，是1~31之间的整数。hours可选项。表示小时，如果提供了minutes则必须给出，是0~23之间的整数（午夜到11pm）minutes可选项。表示分钟，如果提供了seconds则必须给出，是0~59之间的整数。seconds可选项。表示秒钟，如果提供了ms则必须给出，是0~59之间的整数。ms可选项。表示毫秒，是0~999之间的整数。案例：创建Date对象•返回当前的日期和时间，代码如下：–vartoday=newDate()；–document.write(today);–运行结果：系统当前时间，形式如–TueFeb308:49:30UTC+08002010•用年、月、日来创建日期对象，代码如下：–varnewDate=newDate(2010,10,1);•用年、月、日、小时、分钟、秒来创建日期对象：–varnewDate=newDate(2010,10,1,8,20,50);•以字符串形式创建日期对象：–varmydate=newDate(“July29,1998,10:30:00”)案例：用Date对象计算程序执行的速度。htmlheadtitleDate对象/titlescriptlanguage=javascriptvarmyDate1=newDate();//运行代码前的时间for(vari=0;i3000000;i++);varmyDate2=newDate();//运行代码后的时间alert(myDate2-myDate1);/script/headbody/body/htmlDate对象的属性1.constructor属性的应用：例如：判断当前对象是否为日期对象：varnewDate=newDate();if(newDate.constructor==Date)document.write(“日期对象”);运行结果：日期对象2.prototype属性的应用•例如，用自定义属性来记录当前日期是本周的周几。代码如下：varnewDate=newDate();//获取当前日期Date.prototype.mark=null;//向对象中添加属性newDate.mark=newDate.getDay();//从Date对象返回一周中的某一天（0~6）alert(newDate.mark);Date对象的方法的简介•Date对象是javascript的一种内部数据类型。•Date对象没有可以直接读写的属性，所有对日期和时间的操作都是通过方法完成的。Date对象的主要方法Date对象的主要方法Date对象的主要方法案例：Date对象的应用。30HTMLBODYscriptlanguage=javaScriptvarnow=newDate();varhour=now.getHours();if(hour=0&&hour=12)document.write(上午好!)if(hour12&&hour=18)document.write(下午好!);if(hour18&&hour24)document.write(晚上好!);document.write(P今天日期:+now.getYear()+年“+(now.getMonth()+1)+月+now.getDate()+日);document.write(P现在时间:+now.getHours()+点+now.getMinutes()+分);/script/body/HTML如何实现获得当前日期和时间获得小时，即当前是几点判断上午、下午还是晚上月份数字0－11，注意＋1案例：应用Date方法拆分日期和时间，然后按指定格式显示。scriptlanguage=“javascript”!—vardate=newDate();varyear=date.getYear();varmonth=date.getMonth();month=month+1;varday=date.getDate();varhours=date.getHours();varminutes=date.getMinutes();varseconds=date.getSeconds();varmilliseconds=date.getMilliseconds();documen