JavaScript核心对象

JavaScript核心对象知识回顾•声明一个变量x，初值为10，对应的js代码？•alert(10＋“30”)；显示为什么效果？•将字符串转换为整数，使用哪个函数？varx=“c”，vary;switch（x）{case“a”:y=5;case‘b’:y=6;default:y=0;}指出代码错误内容摘要•使用数组•使用循环语句控制应用程序•创建自定义函数•理解JavaScript对象•使用String、Math和Date等对象循环•for循环•do-while•whilefor循环例：vari;for(i=0;i10;i++){//语句;}for循环htmlheadtitleFor循环演示/titlescripttype=“text/javascriptdocument.write(H2align=center打印金字塔直线/H2);for(vari=0;i100;i=i+5)document.write(HRalign=centerwidth=+i+%);/script/headbody/body/htmlfor循环如何实现当i=5时，HRalign=centerwidth=5％while循环while(循环条件){//语句；}do－while循环do{//语句；}while(循环条件);while和do－while循环先执行，后判断循环条件headstyletype=text/css.myfont{font-size:150;color:#c99c96;font-family:Webdings//产生埃及图像的特殊字体}/stylescriptlanguage=JavaScriptdocument.write(H3每个字符都对应一个漂亮的埃及图像/H3);do{varc=prompt(输入一个字符，输入N或n停止,A);document.write(fontclass=myfont+c+/font);}while(c!=N&&c!=n);/script/headwhile和do－while循环输入一个字符，直到N停止，用哪个循环JavaScript函数内置函数•eval函数：用于计算字符串表达式的值•isNaN函数：用于验证参数是否为NaN（非数字）scripttype=“text/javascriptvarstr1=prompt(“输入一个表达式，我给您计算,1+1);varresult=eval(str1);document.write(str1+=+result);varx=prompt(输入一些数据,0);if(isNaN(x))alert(x+不是一个数字);elsealert(x+是一个数字);/script自定义函数•定义函数：function函数名(参数1,参数2，…){语句;}•调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名＝“函数名”;functionsum(one,two){varresult=one+two;returnresult;}inputname=“add”type=“button”value=“加法onClick=sum(2，5)“/表示单击此按钮时，调用函数sum()执行函数的应用num1num2result定义函数JavaScript代码headscripttype=“text/javascriptfunctioncompute(op){varnum1,num2;num1=parseFloat(document.myform.num1.value);num2=parseFloat(document.myform.num2.value);if(op==+)document.myform.result.value=num1+num2;if(op==-)document.myform.result.value=num1-num2;if(op==*)document.myform.result.value=num1*num2;if(op==/&&num2!=0)document.myform.result.value=num1/num2;}/script/head定义函数compute()，完成计算的功能。op参数代表运算符号调用函数formaction=method=postname=myformp第一个数inputname=num1type=text“/br/第二个数inputname=num2type=text“//ppinputname=addButtontype=buttonvalue=＋onClick=compute('+')/inputname=subButtontype=buttonvalue=－onClick=compute('-')/inputname=mulButtontype=buttonvalue=×onClick=compute('*')/inputname=divButtontype=buttonvalue=÷onClick=compute('/')“//pp计算结果INPUTname=resulttype=text/p/formJavaScript对象简介2-1•对象是属性和/方法的组合•属性是对象所拥有的一组外观特征，一般为名词•方法是对象可以执行的功能，一般为动词例如：汽车Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车String对象创建字符串有两种不同方法：•使用var语句varnewstr=“这是我的字符串•创建String对象varnewstr=newString(“这是我的字符串)String相关函数•属性：length•方法：–charAt–indexOf–substr–toLowerCase–evalMath对象2-1名称说明属性PI∏的值，约等于3.1415LN1010的自然对数的值，约等于2.302EEuler的常量的值，约等于2.718。Euler的常量用作自然对数的底数abs(y)返回y的绝对值sin(y)返回y的正弦，返回值以弧度为单位。cos(y)返回y的余弦，返回值以弧度为单位tan(y)返回y的正切，返回值以弧度为单位min(x,y)返回x和y两个数中较小的数max(x,y)返回x和y两个数中较大的数random返回0-1的随机数方法round(y)四舍五入取整sqrt(y)返回y的平方根Math.random()：产生0－1的随机小数Math.round()：四舍五入取整，如9.34取整为9Math对象2-2如何实现htmlheadmetahttp-equiv=refreshcontent=2title自动刷新/titlescripttype=“text/javascriptdocument.write(2秒自动刷新，随机显示图片);vari=0;i=Math.round(Math.random()*8+1);document.write(imgwidth=640height=433src=\”+i+.jpg\”/);/script/headbody/body/hmtl假定随机产生的数字i=3，上述代码即为：IMGwidth=640height=433src=3.jpg显示第三幅图片（3.jpg）每隔2秒刷新网页Math.round(Math.random()*8+1)产生1-9的数字Date对象10-2•Data方法的分组：方法分组说明setxxx这些方法用于设置时间和日期值getxxx这些方法用于获取时间和日期值Toxxx这些方法用于从Date对象返回字符串值parsexxx&UTCxx这些方法用于解析字符串Date对象10-3•用作Date方法的参数的整数：值整数Seconds和minutes0至59Hours0至23Day0至6（星期几）Date1至31（月份中的天数）Months0至11（一月至十二月）Date对象10-4•Set方法：方法说明setDate设置Date对象中月份中的天数，其值介于1至31之间。setHours设置Date对象中的小时数，其值介于0至23之间。setMinutes设置Date对象中的分钟数，其值介于0至59之间。setSeconds设置Date对象中的秒数，其值介于0至59之间。setTime设置Date对象中的时间值。setMonth设置Date对象中的月份，其值介于1至12之间。Date对象10-5•Get方法：方法说明getDate返回Date对象中月份中的天数，其值介于1至31之间getDay返回Date对象中的星期几，其值介于0至6之间getHours返回Date对象中的小时数，其值介于0至23之间getMinutes返回Date对象中的分钟数，其值介于0至59之间getSeconds返回Date对象中的秒数，其值介于0至59之间getMonth返回Date对象中的月份，其值介于0至11之间getFullYear返回Date对象中的年份，其值为四位数getTime返回自某一时刻（1970年1月1日）以来的毫秒数Date对象10-6方法说明ToGMTString使用格林尼治标准时间(GMT)数据格式将Date对象转换成字符串表示ToLocaleString使用当地时间格式将Date对象转换成字符串表示•To方法：•Parse方法和UTC方法方法说明Date.parse(datestring)用日期字符串表示自1970年1月1日以来的毫秒数Date.UTC(year,month,day,hours,min.,secs.)Date对象中自1970年1月1日以来的毫秒数Date对象10-7如何实现htmlbodyscripttype=“text/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，注意＋1Date对象10-9JavaScript代码scripttype=“text/javascriptfunctiondisptime(){vartime=newDate();//获得当前时间varhour=time.getHours();//获得小时、分钟、秒varminute=time.getMinutes();varsecond=time.getSeconds();varapm=AM;//默认显示上午:AMif(hour12)//按12小时制显示{hour=hour-12;apm=PM;}if(minute10)//如果分钟只有1位，补0显示minute=0+minute;if(second10)//如果秒数只有1位，补0显示second=0+second;document.myform.myclock.value=hour+:+minute+:+second++apm;varmyTime=setTimeout(disptime(),1000);}/scri