第9章-JavaScript常用对象

JavaScript常用对象2教学目标使用数组使用循环语句控制应用程序创建自定义函数理解JavaScript对象使用String、Math和Date等对象3数组4-1声明数组var数组名=newArray(数组大小);例：varemp=newArray(3)添加元素emp[0]=“AA;emp[1]=“BB;emp[2]=“CC;AABBCCemp也可以声明数组并赋初值：例：varemp=newArray(“AA”，“BB”，“CC”)；4htmlheadtitle使用数组/titlescriptlanguage=JavaScriptvaremp=newArray(3);emp[0]=RyanDias;emp[1]=GrahamBrowne;emp[2]=DavidGreene;document.write(数组emp中的数据为:hr);document.write(emp[0]+br);document.write(emp[1]+br);document.write(emp[2]+br);/script/head/html数组4-25数组4-3常用属性length：返回数组中元素的个数常用方法方法说明join将数组中的元素组合成字符串reverse颠倒数组元素的顺序，使第一个元素成为最后一个，而最后一个元素成为第一个sort对数组元素进行排序6htmlheadscriptlanguage=JavaScriptvaremp=newArray(3);emp[0]=RyanDias;emp[1]=GrahamBrowne;emp[2]=DavidGreene;emp.sort();document.write(“排序结果是：hr);document.write(emp[0]+br);document.write(emp[1]+br);document.write(emp[2]+br);/script/head/html数组排序4-27循环for循环do-whilewhile8htmlheadtitlefor循环演示/titlescriptlanguage=JavaScriptdocument.write(h2align=center打印金字塔直线/h2);for(vari=0;i100;i=i+5)document.write(hralign=centerwidth=+i+%);/script/headbody/body/htmlfor循环例：vari;for(i=0;i10;i++){//语句;}for循环如何实现当i=5时，hralign=centerwidth=5％9headstyletype=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/headwhile循环while(循环条件){//语句；}do－while循环do{//语句；}while(循环条件);while和do－while循环先执行，后判断循环条件输入一个字符，直到N停止，用哪个循环10JavaScript函数内置函数eval函数：用于计算字符串表达式的值isNaN函数：用于验证参数是否为NaN（非数字）JavaScript代码scriptlanguage=JavaScriptvarstr1=prompt(“输入一个表达式，我给您计算,1+1);varresult=eval(str1);document.write(str1+=+result);varx=prompt(输入一些数据,0);if(isNaN(x))alert(x+不是一个数字);elsealert(x+是一个数字);/script11自定义函数定义函数：function函数名(参数1,参数2，…){语句;}调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名＝“函数名”;functionsum(one,two){varresult=one+two;returnresult;}inputname=“add”type=“button”value=“加法onClick=sum(2，5)表示单击此按钮时，调用函数sum()执行12函数的应用num1num2result13定义函数JavaScript代码headscriptlanguage=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参数代表运算符号14调用函数formaction=method=postname=myformp第一个数inputname=num1type=textbr第二个数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/form15JavaScript对象简介2-1对象是属性和/方法的组合属性是对象所拥有的一组外观特征，一般为名词方法是对象可以执行的功能，一般为动词例如：汽车Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车16JavaScript对象简介2-2三类对象浏览器对象脚本对象HTML对象浏览器窗口window文档documenturl地址等String字符串对象Date日期对象Math数学对象等各种HTML标签:段落p图片img超链接a等17String对象3-1创建字符串有两种不同方法：使用var语句varnewstr=“这是我的字符串创建String对象varnewstr=newString(“这是我的字符串)18String对象3-2名称说明属性length返回字符串的长度方法big()增大字符串文本blink()使字符串文本闪烁（IE浏览器不支持）bold()加粗字符串文本fontcolor()确定字体颜色italics()用斜体显示字符串indexOf(“子字符串”，起始位置)查找子字符串的位置strike()显示加删除线的文本sub()将文本显示为下标……toLowerCase()将字符串转换成小写toUpperCase()将字符串转换成大写语法：indexOf(“查找的子字符串”，查找的起始位置)返回子字符串所在的位置，如果没找到，返回－1例如：varxvary=“abcdefg”;x=y.indexOf(“c”,0);//返回结果为2，起始位置是019scriptlanguage=JavaScriptfunctioncheckEmail(){vare=document.myform.email.value;if(e.length==0)//检测长度是否为0，即是否为空{alert(电子邮件不能为空!);return;}if(e.indexOf(@,0)==-1)//检测是否包含”@”符号{alert(电子邮件格式不正确\n必须包含@符号！);return;}if(e.indexOf(.,0)==-1)//检测是否包含”.”符号{alert(电子邮件格式不正确\n必须包含.符号！);return;}document.write(恭喜您！，注册成功！欢迎进入古城热线！);}检查电子邮件email是否包含“@”和”.”String对象3-3返回结果-1表示没找到“@”字符20Math对象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取整为921htmlheadmetahttp-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/htmlMath对象2-2假定随机产生的数字i=3，上述代码即为：IMGwidth=640height=433src=3.jpg显示第三幅图片（3.jpg）如何实现每隔2秒刷新网页Math.round(Math.random()*8+1)产生1-9的数字22Date对象10-1Date对象存储的日期为自1970年1月1日00:00:00以来的毫秒数var日期对象=newDate(年、月、日等参数)例：varmydate=newDate(“July29,1998,10:30:00”)如果没有参数，表示当前日期和时间例：vartoday=newDate()23Date对象10-2Data方法的分组：方法分组说明setxxx这些方法用于设置时间和日期值getxxx这些方法用于获取时间和日期值24Date对象10-3用作Date方法的参数的整数：值整数Seconds和minutes0至59Hours0至23Day0至6（星期几）Date1至31（月份中的天数）Months0至11（一月至十二月）25Date对象10-4Set方法：方法说明setDate设置Date对象中月份中的天数，其值介于1至3