JavaScript的循环语句Javascript-2

第1页10.4JavaScript的循环语句fordo...whilewhile第2页for基本语法格式:for(初始化部分;条件部分;更新部分){循环体}第3页for说明初始化部分:进入for循环的初始条件条件部分:循环执行的条件，结果为真，则执行循环体；否则不执行更新部分：每执行完一次循环执行的操作循环体：可以是一条语句，也可以是多条语句组成的语句块，若是后者，则必须用{}把多条语句括起来各部分之间用分号隔开，各部分可包含多个表达式，各表达式由逗号分隔各部分均可以省略，但是分号不能省略第4页for循环的功能只要“条件部分”为真，就多次执行循环体，直到“条件部分”为假第5页for循环的执行过程(1)执行初始化部分;(2)计算条件部分是否为真，为真转(3)，否则转(5);(3)执行循环体;(4)执行更新部分，转(2);(5)结束循环。第6页例子for(i=1;i=5;i++)s=s+i;for(;;)j+=1;第7页JavaScript的循环语句fordo...whilewhile第8页do-while语法格式do{循环体}while(条件);第9页do...while说明循环体部分与for循环相同；条件部分与for循环相同；第10页do...while的执行过程(1)执行循环体；(2)判断“条件”，若条件为真，转(1);否则结束循环。第11页例子do{s+=i;i++;}while(i5);第12页JavaScript的循环语句fordo...whilewhile第13页while语法格式while(条件){循环体;}第14页while说明循环体部分与for循环相同；条件部分与for循环相同；第15页while的执行过程(1)判断“条件”，若条件为真，转(2);否则结束循环。(2)执行循环体；第16页例子while(i=5){s+=i;i++;}第17页do...while与while的比较前者至少执行一次循环体后者可能一次循环体也不执行第18页多重循环以上的各种循环可以嵌套使用，就是在循环中来使用循环。如：for(i=1;i=9;i++){for(j=1;j=i;j++)document.write(j+*+i+=+i*j+);document.write(br);}第19页break语句与continue语句break语句：跳出当前层次的循环continue语句：结束当次循环，继续执行下次循环第20页10.5函数Function函数是多条语句组成的序列，这些语句完成特定的功能。再大的程序也是由一个一个具有小功能的函数构成的。在使用函数前必须定义函数，使用函数称为函数的调用。第21页函数的定义定义的形式function函数名称(参数列表){函数体}第22页说明function是定义函数的关键词，不可省略函数名称是用户赋予函数的名字，它的命名规则必须与变量的命名一致参数列表是函数要处理的对象，由调用语句传递给函数，一个函数可以有0个或多个参数，各参数之间用逗号(,)分开函数体是一条或多条语句构成的序列第23页return语句如果一个函数要返回一个值，则要使用return语句。如：min(x,y,z){return(t=xy?x:y)z?t:z;}第24页函数的定义与调用htmlheadscriptlanguage=javascriptfunctionmin(x,y,z){return(t=xy?x:y)z?t:z;}/script/headbodyscriptlanguage=javascriptdocument.write(min(300,20,6));varresult=min(3,5,-100);document.writeln();document.write(result);/script/body/html第25页JavaScript常用函数eval函数:接受一个字符串形式的表达式，求出该表达式的值；pasterInt(str,n)函数：从字符串str中提取一个整数，并转换成n进制数据pasterInt(str,n)函数：从字符串str中提取一个浮点数(实数)，并转换成n进制数据第26页11.JavaScript的事件什么是事件事件驱动JavaScript事件分类单击事件onchange事件onselect事件onfocus事件onload事件鼠标事件第27页单击事件单击鼠标发生的事件例子：htmlbodyforminputtype=buttonvalue=clickmeonclick=alert(按下了按钮)/form/body/html第28页onchange事件文本框的内容被改变时发生的事件例子：htmlbodyforminputtype=“textvalue=clickmeonchange=alert(按下了按钮)/form/body/html第29页onselect事件文本框的内容被选中时发生的事件例子：htmlbodyforminputtype=textvalue=clickmeonSelect=alert(文本框内容被选中)/form/body/html第30页onfocus事件一个表单元素获得焦点时发生的事件例子：htmlbodyforminputtype=textname=1value=1onFocus=alert(文本框1获得焦点)inputtype=textname=2value=2onFocus=alert(文本框2获得焦点)inputtype=buttonvalue=clickmeonclick=alert(按下了按钮)onFocus=alert(按钮获得焦点)/form/body/html第31页onload事件当前网页显示出来时发生的事件htmlbodyonload=alert(载入……)/body/html第32页onunload事件当前网页显示出来时发生的事件htmlbodyonUnload=alert(载入……)/body/html第33页鼠标事件onMouseOver鼠标光标移动到对象上时发生的事件第34页常用事件的捕捉11-6第35页12.JavaScript内置对象对象、属性和方法对象处理语句时间对象Math对象String对象数组对象第36页12.1对象、属性、方法对象属性方法封装性继承性多态性第37页12.2对象处理语句thisfor...inwithnew第38页this指示当前对象第39页for...in对对象中的每个元素第40页with简化对象及其属性和方法的写法语法with(对象名){语句块}第41页with例子rct.width=100;rct.height=50;s=rct.getArea();with(rct){width=100;height=50;s=getArea();}第42页new用来声明一个新的对象实体。格式为：对象名=new对象类型(参数列表);JavaScript的内置对象StringMathDateArrayEvent第43页Date从当前系统中获取日期和时间getDate,getDay,getHours,getMinute,getMonth,getSeconds,getTime,getTimeZoneOffset,getYeartimer=setTimeout(函数名,时间间隔);第44页Math数学运算sin，cos，abs...第45页string处理字符串charAt(n)indexOf(ch)lastIndexOf(ch)toLowerCase()toUpperCase()第46页数组对象对数组进行处理属性：length,数组元素的个数第47页13.JavaScript自定义对象前面介绍的是系统定义对象用户可以自己定义对象第48页对象的定义步骤定义一个构造用来说明这个对象的各种属性，以及对各种属性进行初始化创建对象需要的各种方法使用new语句创建这个对象的实例第49页定义一个矩形(Rect)对象矩形具有四个属性矩形左上顶点的坐标left，top矩形的宽度width和高度height矩形具有两个方法求矩形的面积getArea求矩形的周长getLength第50页定义如下functionRect(left,top,width,height){this.left=left;this.top=top;this.width=width;this.height=height;this.getArea=getArea;this.getLength=getLength;}第51页getAreafunctiongetArea(){returnthis.width*this.height;}第52页getLengthfunctiongetLength(){return2*(this.width+this.height);}第53页对象的属性和方法的使用scriptlanguage=JavaScriptxx=newRect(10,10,40,50);y=xx.getArea();document.write(Theareais+y);/script第54页14.浏览器的对象和元素navigator对象window对象location对象history对象document对象第55页navigator对象appName：按字符串形式提供浏览器名称。appVersion:浏览器的版本号如下代码显示当前使用的浏览器的名称和版本号scriptlanguage=JavaScriptdocument.write(Theexploreris+navigator.appName++navigator.appVersion);/script第56页window对象open(url,windowname,parameterList)方法：close()方法：alert()方法：confirm()方法：promt()方法：setTimout()方法：clearTimeout()方法：setInterval()方法：第57页location对象该对象保存当前网页的URL地址scriptlanguage=JavaScriptalert(window.location);/scriptscriptlanguage=JavaScriptwindow.location=第58页history对象该对象中含有以前访问过的网页的URL地址；属性：currentpreviousnext第59页document对象write()writeln()第60页小结