第06讲 JavaScript脚本语言(二)

1、WEB编程,计算机科学与技术系张永定,第六讲JavaScript脚本语言（二）,内容回顾,JavaScript简介使用SCRIPT标记使用外部JS文件write、alert、confirm和prompt方法变量和数据类型运算符和表达式数组事件条件语句循环语句,本讲内容,JavaScript内置函数定义函数调用函数JavaScript对象（String对象、Math对象、Date对象）Window对象（Document对象、Event对象、Frame对象、History对象、Location对象、Navigator对象、Screen对象）小结作业布置,varx=5;varz=10;documen

2、t.write(eval(x+z+5);,JavaScript内置函数,eval内置函数,isNaN内置函数,varx=prompt(请输入一个值);if(isNaN(x)alert(x+不是数字);elsealert(x+是数字);,自定义函数,function函数名(参数1,参数2,)语句;,函数具有下列组成部分：function关键字函数名圆括号内用逗号分隔开的函数参数列表括在大括号内的函数语句,定义函数,调用函数,);return;functionsum_up(one,two)document.write(这是sum_up函数)varresult=one+two;returnresul

3、t;hello();vartotal=sum_up(7,9);document.write(total+sum_up(8,15);/-,return语句,functiontestreturn(x)vari=0;while(idocument.write(testreturn(4);,JavaScript对象简介2-1,对象就是状态和（或）行为的集合体。状态包含对象的特性。行为包含对象能够执行的功能。例如汽车,对象：汽车,状态：法拉利、绿色,行为：前进、制动、倒车,JavaScript对象简介2-2,对象层次结构,浏览器对象,脚本对象,HTML对象,varnewstr=String(“这是我写的

4、脚本”),varnewstr=“这是我写的脚本”,使用var语句,String对象5-1,创建字符串,newstr=“这是我写的脚本”,使用具有变量名称的赋值运算符(=),创建String对象,String对象5-2,String对象5-3,String对象5-4,使用字符串varlenstr=该字符串中的字符数是varbstr=字号较大的;varsstr=字号较小的;varblstr=加粗;varucase=Uppercase;varlcase=LOWERCASE;document.write(lenstr+lenstr.length);document.write(这是+bstr.big(

5、)+文本);document.write(这是+sstr.small()+文本);document.write(这是+blstr.bold()+文本);document.write(这是+ucase.toUpperCase()+文本);document.write(这是+lcase.toLowerCase()+文本);,String对象5-5,使用indexOf、charAt和substr方法functiontest(f)varindex=f.indexOf(,0);varj=0;for(i=0;i演示String对象的方法电子邮件地址：密码：,Math对象3-1,使用Math对象functi

6、ondoCalc(x)vara;a=Math.PI*x*x;alert(半径为+x+的圆的面积是+a);输入圆的半径：,Math对象3-2,使用Math对象functionshow(value)with(Math)alert(数字+value+的平方根是：+sqrt(eval(value);输入一个值：,Math对象3-3,Date对象9-1,Date对象将日期存储为自1970年1月1日00:00:00起经过的毫秒数。,DateObject=newDate(parameters),用于存储新的Date对象的变量。,无参数，即没有指定任何参数，此时将检索当前的日期和时间例如：today=newD

7、ate().,String按以下形式表示日期和时间：“MMDD,YYYY,hh:mm:ss”，或者是其他格式的字符串.例如：tdate=newDate(“July29,1998,10:30:00”),Date对象9-2,Date方法所属的组：,Date对象9-3,用于表示Date对象中包含的值的整数：,Date对象9-4,Set方法,Date对象9-5,Get方法,Parse和UTC方法,Date对象9-6,to方法,Date对象9-7,永不停息的时钟functiondisptime()vartime=newDate();varhour=time.getHours();varminute=ti

8、me.getMinutes();varsecond=time.getSeconds();vartemp=+(hour12)?hour-12:hour);temp+=(minute=12)?P.M.:A.M.;document.MyPage.digits.value=temp;id=setTimeout(disptime(),1000);岁月不等人。时间显示在页面上。,示例1,Date对象9-8,显示月份myDate=newDate();month=newArray(1月,2月,3月,4月,5月,6月,7月,8月,9月,10月,11月,12月);document.write(当前月份是：+mon

9、thmyDate.getMonth();,示例2,Date对象9-9,计算经过的天数,示例3,with(对象)语句;,语法：,with语句示例,with语句演示);document.write(b+);document.write(c+);/-,this语句,this语句用于引用当前对象。,functiondispname(name)alert(欢迎来到我的世界，+name);请输入您的姓名：,简介,InternetExplorer对象,Window对象,Document对象,Event对象,Frame对象,History对象,Location对象,Navigator对象,Screen对象,W

10、indow对象4-1,属性,Window对象表示浏览器的窗口，其他对象都继承自Window对象，并且通过Window对象访问的,Window对象4-2,属性,Window对象4-3,方法,Window对象4-4,使用Window对象,Window属性、方法和集合的名称是保留的关键字，不能用作变量名和函数名,Document对象3-1,属性,Document对象3-2,方法,Document对象3-3,Document对象,Event对象2-1,属性,在触发事件时创建的，当点击一个可点击的对象，如移动鼠标，或聚焦到一个窗体元素上时就会创建一个Event对象,Event对象2-2,Event对象,

11、Event对象只有在事件过程中才可用，也就是说，它可以用在事件处理程序中，但不能用在其他代码中,Frame对象4-1,属性,Frame对象4-2,修改URL,Frame.htm,框架1,Frame1.htm,Frame对象4-3,框架2,Frame2.htm,Frame对象4-4,框架3,Frame3.htm,框架4,Frame4.htm,History对象和Location对象3-1,方法,History对象,History对象和Location对象3-2,属性,Location对象,History对象和Location对象3-3,方法,Location对象,使用Location对象functionnext()location.href=history.htm单击按钮之后，一个新页面将通过Location对象的href属性加载,History对象,使用History对象单击以下按钮后，将通过History对象的back()方法打开前一个页面Clicking,Navigator对象2-1,属性,Navigator对象2-2,使用Navigator对象,Screen对象2-1,属性,Screen对象2-2,使用Screen对象);document.wri