HTML和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等对象数组4-1声明数组var数组名=newArray(数组大小);例：varemp=newArray(3)添加元素emp[0]=“AA;emp[1]=“BB;emp[2]=“CC;AABBCCemp也可以声明数组并赋初值：例：varemp=newArray(“AA”，“BB”，“CC”)；HTMLHEADTITLE使用数组/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-2数组4-3常用属性length：返回数组中元素的个数常用方法方法说明join将数组中的元素组合成字符串reverse颠倒数组元素的顺序，使第一个元素成为最后一个，而最后一个元素成为第一个sort对数组元素进行排序HTMLHEADSCRIPTLANGUAGE=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-2循环for循环do-whilewhileHTMLHEADTITLEFor循环演示/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％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/HEADwhile循环while(循环条件){//语句；}do－while循环do{//语句；}while(循环条件);while和do－while循环先执行，后判断循环条件输入一个字符，直到N停止，用哪个循环JavaScript函数内置函数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+是一个数字);/SCRIPT自定义函数定义函数：function函数名(参数1,参数2，…){语句;}调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名＝“函数名”;functionsum(one,two){varresult=one+two;returnresult;}INPUTname=“add”type=“button”value=“加法onClick=sum(2，5)表示单击此按钮时，调用函数sum()执行函数的应用num1num2result定义函数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参数代表运算符号调用函数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/FORMJavaScript对象简介2-1对象是属性和/方法的组合属性是对象所拥有的一组外观特征，一般为名词方法是对象可以执行的功能，一般为动词例如：汽车Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车JavaScript对象简介2-2三类对象浏览器对象脚本对象HTML对象浏览器窗口window文档documenturl地址等String字符串对象Date日期对象Math数学对象等各种HTML标签:段落P图片IMG超链接A等String对象3-1创建字符串有两种不同方法：使用var语句varnewstr=“这是我的字符串创建String对象varnewstr=newString(“这是我的字符串)String对象3-2名称说明属性length返回字符串的长度方法big()增大字符串文本blink()使字符串文本闪烁（IE浏览器不支持）bold()加粗字符串文本fontcolor()确定字体颜色italics()用斜体显示字符串indexOf(“子字符串”，起始位置)查找子字符串的位置strike()显示加删除线的文本sub()将文本显示为下标……toLowerCase()将字符串转换成小写toUpperCase()将字符串转换成大写语法：indexOf(“查找的子字符串”，查找的起始位置)返回子字符串所在的位置，如果没找到，返回－1例如：varxvary=“abcdefg”;x=y.indexOf(“c”,0);//返回结果为2，起始位置是0SCRIPTLANGUAGE=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表示没找到“@”字符Math对象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取整为9HTMLHEADMETAhttp-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的数字Date对象10-1Date对象存储的日期为自1970年1月1日00:00:00以来的毫秒数var日期对象=newDate(年、月、日等参数)例：varmydate=newDate(“July29,1998,10:30:00”)如果没有参数，表示当前日期和时间例：vartoday=newDate()Date对象10-2Data方法的分组：方法分组说明setxxx这些方法用于设置时间和日期值getxxx这些方法用于获取时间和日期值Toxxx这些方法用于从Date对象返回字符串值parsexxx&UTCxx这些方法用于解析字符串Date对象1