js复习整理.docx

1. 运算符：1.加减乘除：通过JavaScript在页面中定义变量，再通过算术运算符计算变量的运行结果。运用JavaScript运算符var num1=120,num2 = 25;/定义两个变量document.write(120+25= + (num1+num2)+);/计算两个变量的和document.write(120-25=+(num1-num2)+);/计算两个变量的差document.write(120*25=+(num1*num2)+);/计算两个变量的积document.write(120/25=+(num1/num2)+);/计算两个变量的余数document.write(120+)=+(num1+)+);/自增运算document.write(+120=+(+num1)+);运行上面代码观察输出结果。2.比较运算符应用比较运算符计算实现两个数值之间的大小比较。var age = 25;/定义变量document.write(age变量的值为：+age+);/输出变量值document.write(age=20：+(age=20)+);/实现变量值比较document.write(age20：+(age20)+);document.write(age!=20：+(age!=20)+);document.write(age20：+(age20)+);运行上面代码，观察输出结果。3.字符运算符例如，在网页中弹出一个提示对话框，显示进行字符串运算后变量的值，代码如下：var a=One +world ;/将两个字符串连接后的值赋值给变量aa+=One Dream/连接两个字符串，并将结果赋给第一个字符串alert(a);运行上面代码，观察输出结果。4.运用逻辑运算符比较表达式的值。逻辑运算符使用实例var age = 27;/定义变量document.write(age = +age +);/输出变量的值document.write(age 30 & age 30 & age40) +);/运用逻辑与运算符document.write(age 30 | age 30 | age40) +);/运用逻辑或运算符document.write(!age 30 +(!age 30);/运用逻辑非运算符2、提高练习改变超级链接的背景色在一些网页中为了突出超级链接被选中时的状态，需要设置超级链接的背景颜色，以使超级链接更具有焦点性。本实例实现了当鼠标移动到超级链接时，设置超级链接的背景颜色为红色。开发步骤（1）当鼠标移动到超级链接时，显示超级链接的背景色，代码如下：function setbackcolor1() yyy.style.backgroundColor=red;/设置一个样式名称，使它的style样式的backgroundColor属性#FF0000（2）当鼠标移出超级链接时，将超级链接背景色设置为白色，代码如下：function setbackcolor2() yyy.style.backgroundColor=#FFFFFF;/设置一个样式名称(与上面的名称相同)，使它的style样式的backgroundColor属性# FFFFFF（3）在页面中添加一个超级链接，并将onMouseMove和onMouseOut设置为JavaScript所定义的setbackcolor1()函数和setbackcolor2()函数，代码如下： 吉林省明日科技有限公司实验结果或结论思考：1、JavaScript的基本数据类型有几种？答：基本数据类型有 数值数据类型 （number）布尔类型（boolean）未定义数据类型（undefined）空数据类型（null）引用数据类型有哪几种？答：引用数据类型有字符串类型（string）Array数组类型对象类型（Object）如果要查看数据类型，使用什么方法？答： 使用typeof方法可以查看数据类型定义变量的关键字是什么？答：var定义变量有几种方式？答：6种方式 2. 循环结构1、if条件判断语句if条件判断语句是最基本、最常用的流程控制语句，可以根据条件表达式的值执行相应的处理。if语句的语法格式如下：if(expression)statement 1elsestatement 2l expression：必选项，用于指定条件表达式，可以使用逻辑运算符。l statement 1：用于指定要执行的语句序列。当expression的值为true时，执行该语句序列。l statement 2：用于指定要执行的语句序列。当expression的值为false时，执行该语句序列。练习1：判断用户是否输入用户名与密码。（1）新建html页面，在页面中添加用户登录表单及表单元素。具体代码如下： 用户登录 用户名： 密  码：   （2）编写自定义的JavaScript函数check()，用于通过if语句验证登录信息是否为空。根据提示完成代码：function check()var name = form1.user.value;/获取用户添加的用户名信息var pwd = _form1.pwd.value_;/获取用户添加的密码信息if(name=) | (name =null)/判断用户名是否为空alert(请输入用户名！);form1.user.focus();/用户名文本框获取焦点return;else if(_pwd=” )|(_pwd=”null”_)/判断密码是否为空alert(请输入密码！);form1.pwd.focus()_;/密码文本框获取焦点return;elseform1.submit();/提交表单2、Switch多分支语句switch是典型的多路分支语句，其作用与嵌套使用if语句基本相同，但switch语句比if语句更具有可读性，而且switch语句允许在找不到一个匹配条件的情况下执行默认的一组语句。switch语句的语法格式如下：switch (expression) case judgement 1: statement 1; break; case judgement 2: statement 2; break; case judgement n: statement n; break; default: statement n+1;break;lexpression：任意的表达式或变量。ljudgement：任意的常数表达式。当expression的值与某个judgement的值相等时，就执行此case后的statement语句；如果expression的值与所有的judgement的值都不相等，则执行default后面的statement语句。lbreak：用于结束switch语句，从而使JavaScript只执行匹配的分支。如果没有了break语句，则该switch语句的所有分支都将被执行，switch语句也就失去了使用的意义。练习2应用switch判断当前是星期几。var now=_new Date()_;/获取系统日期var day=_now.getDay()_;/获取星期var week;switch (_day_) case 1: week=星期一;break;case 2: week=星期二;break;case 3: week=星期三;break;case 4: week=星期四;break;case 5: week=星期五;break;case 6: week=星期六;break;_default_: week=星期日; break;document.write(今天是+week);/输出中文的星期运行代码，会将当前是星期几在页面中显示3、for循环语句for循环语句也称为计次循环语句，一般用于循环次数已知的情况，在JavaScript中应用比较广泛。for循环语句的语法格式如下：for(initialize;test;increment)statementlinitialize：初始化语句，用来对循环变量进行初始化赋值。ltest：循环条件，一个包含比较运算符的表达式，用来限定循环变量的边限。如果循环变量超过了该边限，则停止该循环语句的执行。lincrement：用来指定循环变量的步幅。lstatement：用来指定循环体，在循环条件的结果为true时，重复执行。for循环语句执行的过程是：先执行初始化语句，然后判断循环条件，如果循环条件的结果为true，则执行一次循环体，否则直接退出循环，最后执行迭代语句，改变循环变量的值，至此完成一次循环；接下来将进行下一次循环，直到循环条件的结果为false，才结束循环。练习3、计算100以内所有奇数的和。var sum=0;for(var i=1; i=100; i+=2)sum=sum+i; /计算100以内各奇数之和alert(100以内所有奇数的和为：+sum);/输出计算结果运行程序，将会弹出提示框，显示运算结4、while和dowhile循环语句与for语句一样，while语句也可以实现循环操纵。hile循环语句也称为前测试循环语句，它是利用一个条件来控制是否要继续重复执行这个语句。while循环语句与for循环语句相比，无论是语法还是执行的流程，都较为简明易懂。while循环语句的语法格式如下：while(expression)statementlexpression：一个包含比较运算符的条件表达式，用来指定循环条件。lstatement：用来指定循环体，在循环条件的结果为true时，重复执行。while循环语句之所以命名为前测试循环，是因为它要先判断此循环的条件是否成立，然后才进行重复执行的操作。也就是说，while循环语句执行的过程是先判断条件表达式，如果条件表达式的值为true，则执行循环体，并且在循环体执行完毕后，进入下一次循环，否则退出循环。练习4通过while循环语句实现在页面中列举出累加和不大于10的所有自然数。var i=1; /由于是计算自然数，所以i的初始值设置为1var sum=i;var result=;document.write(累加和不大于10的所有自然数为：);while(i=10)_sum=sum+i_;/累加i的值document.write(i+);/输出符合条件的自然数_i+_; /该语句一定不要少dowhile循环语句dowhile循环语句也称为后测试循环语句，它也是利用一个条件来控制是否要继续重复执行这个语句。与while循环所不同的是，它先执行一次循环语句，然后再去判断是否继续执行。dowhile循环语句的语法格式如下：dostatement while(expression);lstatement：用来指定循环体，循环开始时首先被执行一次，然后在循环条件的结果为true时，重复执行。lexpression：一个包含比较运算符的条件表达式，用来指定循环条件。dowhile循环语句执行的过程是：先执行一次循环体，然后再判断条件表达式，如果条件表达式的值为true，则继续执行，否则退出循环。也就是说，dowhile循环语句中的循环体至少被执行一次。5、break和coutinue语句break语句用于退出包含在最内层的循环或者退出一个switch语句。break语句通常用在for、while、dowhile或switch语句中。例如，在for语句中通过break语句中断循环的代码如下。var sum=0;for ( i=0;i10) break; /如果sum10就会立即跳出循环document.write(0至+i+(包括+i+)之间自然数的累加和为：+sum);运行结果为：_15_。continue语句和break语句类似，所不同的是，continue语句用于中止本次循环，并开始下一次循环。其语法格式如下：continue;continue语句只能应用在while、for、dowhile和switch语句中。例如，在for语句中通过continue语句计算金额大于等于1000的数据的和的代码如下。var total=0;var sum=new Array(1000,1200,100,600,736,1107,1205);/声明一个一维数组for ( i=0;isum.length;i+ ) if (sumi1000) continue; /不计算金额小于1000的数据total+=sumi;document.write(累加和为：+total);/输出计算结果运行结果为：_4512_。实验结果或结论课后作业（程序调试成功后，将代码放在记事本，以学号+姓名保存，然后上传）：1、定一段程序，计算1100之间的所有是3的倍数的整数之和。var sum=0;for(var i=1; i=100; i+)if(i%3=0)sum=sum+i; /计算100以内各奇数之和alert(100以内所有3的倍数的和为：+sum);/输出计算结果2、编写一个函数factorial,该函数实现计算某个数的阶乘。（界面参考教材P54页）。 function factorial(num) if (num = 1) return 1; else return num * arguments.callee(num - 1); var trueFactorial = factorial; factorial = function () return 0; alert(trueFactorial(5); /120 alert(factorial(5); /0 3. 函数1.1 函数的定义函数是由关键字function、函数名加一组参数以及置于大括号中需要执行的一段代码定义的。定义函数的基本语法如下：function functionName(parameter 1, parameter 2,)statements;return expression;l functionName：必选，用于指定函数名。在同一个页面中，函数名必须是唯一的，并且区分大小写。l parameter：可选，用于指定参数列表。当使用多个参数时，参数间使用逗号进行分隔。一个函数最多可以有255个参数。l statements：必选，是函数体，用于实现函数功能的语句。l expression：可选，用于返回函数值。expression为任意的表达式、变量或常量。例如，定义一个用于计算商品金额的函数account()，该函数有两个参数，用于指定单价和数量，返回值为计算后的金额。具体代码如下：function account(price,number)var sum=price*number;/计算金额return sum;/返回计算后的金额1.2 函数的调用练习1： 定义一个JavaScript函数checkNumber()，用于验证输入的字符串是否为数字。操作步骤如下：（1）在页面中添加用于输入真实姓名的表单及表单元素。具体代码如下：请输入数字：（2）编写自定义的JavaScript函数checkNumber()，用于验证输入的字符串是否为数字，checkNumber ()函数的具体代码如下：function checkNumber()var number = document.getElementById(num).value; var reg = /d+$/; if (!number.match(reg) alert(这不是数字); else alert(这是数字); （3）在“检测”按钮的onClick事件中调用checkNumber()函数。写出的代码如下：_onClick=”checkNumber()”;运行程序，检测程序正确性。 1.3 匿名函数匿名函数的语法和function语句非常相似，只不过它被用作表达式，而不是用作语句，而且也无须指定函数名。定义匿名函数的语法格式如下：var func=function(parameter 1,parameter 2,) statements;l parameter：可选，用于指定参数列表。当使用多个参数时，参数间使用逗号进行分隔。l statements：必选，是函数体，用于实现函数功能的语句。例如，当页面载入完成后，调用无参数的匿名函数，弹出一个提示对话框。代码如下：window.onload=function() alert(页面载入完成);练习2 检查表单元素是否为空。无标题文档function check()for(i=0;idocument.form1.length;i+)if(document.form1.elementsi.value=)alert(document.form1.elementsi.title+ 不能为空！);document.form1.elementsi.focus();/表单第i个表单元素获取光标焦点return;表单内容不为空 联系人： * email： * 留言内容： *   4. 对象1.1 创建String对象String对象用于操纵和处理文本串，可以通过该对象在程序中获取字符串长度、提取子字符串，以及将字符串转换为大写或小写字符。语法：var newstr=new String(StringText)newstr：创建的String对象名。StringText：可选项。字符串文本。例如，创建一个String对象。var newstr=new String(欢迎使用JavaScript脚本)事实上任何一个字符串常量（用单引号或双引号括起来的字符串）都是一个String对象，可以将其直接作为对象来使用，只要在字符变量的后面加“.”，便可以直接调用String对象的属性和方法。字符串与String对象的不同在于返回的typeof值，前者返回的是stirng类型，后者返回的是object类型。1.2 String对象的属性在String对象中有3个属性，分别是length、constructor和prototype。下面对这几个属性进行详细介绍。（1）length属性该属性用于获得当前字符串的长度。语法：stringObject.lengthstringObject：当前获取长度的String对象名，也可以是字符串变量名。例如，获取已创建的字符串对象“abcdefg”的长度。代码如下：var p=0; var newString=new String(abcdefg);/实例化一个字符串对象var p=newString.length;/获取字符串对象的长度alert(p.toString(16);/用提示框显示长度值运行结果：7。例如，获取自定义的字符串变量“abcdefg”的长度。代码如下：var p=0; var newStr=abcdefg;/定义一个字符串变量var p=newStr.length;/获取字符串变量的长度alert(p.toString(16);/用提示框显示字符串变量的长度值运行结果：7。（2）constructor属性该属性用于对当前对象的函数的引用。语法：Object.constructorObject：String对象名或字符串变量名。例如，使用constructor属性判断当前对象或自定义变量的类型。代码如下：var newName=new String(sdf);/实例化一个字符串对象if (newName.constructor=String)/判断当前对象是否为字符型alert(this is String);/如果是，显示提示框运行结果：this is String。例如，可以利用constructor属性获取当前对象fred所引用的函数代码。function chronicle(name,year)/自定义函数 =name;/给当前函数的name属性传值 this.year=year;/给当前函数的year属性传值var fred=new chronicle(Year,2007);/实例化chronicle函数的对象alert(fred.constructor);/显示对象中的函数代码运行结果：function chronicle(name,year) =name; this.year=year; 。（3）prototype属性该属性可以为对象添加属性和方法。语法：=valueobject：对象名或字符变量名。Name：要添加的属性名。Value：添加属性的值。例如，给information对象添加一个自定义属性salary，并给该属性赋值（1700）。代码如下：function personnel(name,age)/自定义函数 =name;/给当前函数的name属性传值 this.age=age;/给当前函数的age属性传值var information=new personnel(张*租,27);/实例化personnel函数对象totype.salary=null;/向对象中添加属性information.salary=1700;/向添加的属性中赋值alert(information.salary);/在提示框中显示添加的属性值运行结果：1700。2、练习一：生成随机字符串开发步骤（1）在中编写随机产生指定位数的验证码的函数checkCode()，该函数只有一个参数digit，用于指定生成的随机字符串的位数，返回值为指定位数的随机字符串，代码如下：function checkCode(digit)/参数digit表示要指定的位数 var sourceStr=0,好,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,辉,I,J,K,L,明,N,P,Q,日,宋,T,U,V,W,X,Y,Z; /这里还可以继续添加 arrStr=sourceStr.split(,);/应用split分割字符串sourceStr /下面是自动生成验证码代码部分 var result=; var suf=0; for(i=0;iparseInt(difit);i+) suf=parseInt(Math.ramdom()*arrStr.length); result=result+arrStrsuf; return result;（2）编写JavaScript自定义函数deal()，调用convert()函数将转换后的字符串显示在指定位置，具体代码如下：function deal() result.innerHTML=  产生的随机字符串：+checkCode(document.qq.zhi.value);/获取form表单中文本框的值。（3）在body页面添加一个标记，将其命名为“result”，用于显示生成的随机字符串。关键代码如下：  产生的随机字符串：（4）在body页面创建表单，在合适位置添加“生成”按钮，在该按钮的onClick事件中调用deal()函数生成的随机字符串，代码如下：  产生的随机字符串： 请输入要产生的随机字符的位数： （1-15） 3、练习2利用Date对象在页面上打印：“距2015年中国人民抗日战争暨世界反法西斯战争胜利70周年大阅兵还有XXX天”。（阅兵时间定于2015年9月3日）实验结果或结论课后作业：var mydate=new Date(09-03-2015);var now=new Date();var time=mydate.getTime()-now.getTime();var date=Math.floor(time/(24*60*60*1000);document.write(距2015年中国人民抗日战争暨世界反法西斯战争胜利70周年大阅兵还有+date+天);5. 数组1、数组的定义使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象：var myArray=new Array()有两种向数组赋值的方法（你可以添加任意多的值，就像你可以定义你需要的任意多的变量一样）。（1）var mycars=new Array()mycars0=Saabmycars1=Volvomycars2=BMW也可以使用一个整数自变量来控制数组的容量：var mycars=new Array(3)mycars0=Saabmycars1=Volvomycars2=BMW（2）var mycars=new Array(Saab,Volvo,BMW)注意：如果你需要在数组内指定数值或者逻辑值，那么变量类型应该是数值变量或者布尔变量，而不是字符变量。创建数组例子：var mycars = new Array()mycars0 = Saabmycars1 = Volvomycars2 = BMWfor (i=0;imycars.length;i+)document.write(mycarsi + )2、访问数组通过指定数组名以及索引号码，你可以访问某个特定的元素。例如访问上面定义的数组mycarsdocument.write(mycars0)输出结果：Saab访问数组例子：使用forin声明来循环输出var xvar mycars = new Array()mycars0 = Saabmycars1 = Volvomycars2 = BMWfor (x in mycars)document.write(mycarsx + )3、修改已有数组中的值如需修改已有数组中的值，只要向指定下标号添加一个新值即可。例如修改上面定义的数组mycars第1个元素的值。mycars0=Opel;输出以上代码：document.write(mycars0);结果为：Opel4、数组长度：javascript的数组不需要设定长度，会自己进行扩展，数组名.length返回元素个数5、javascript二维数组：javascript用一维数组来模拟二维数组：方法1.var arr = new Array(a,b,c,d,e,f);arr0返回第一个一维数组，arr00返回第一个一维数组的第一个元素a，下同。方法2.arr=new Array();for(i=0;i100;i+) arri=new Array(.);方法3.vararr=new Array( new Array(), new Array(), new Array() );concat()：给数组添加元素var arr = new Array(3)arr0 = Georgearr1 = Johnarr2 = Thomasvar arr2 = new Array(3)arr20 = Jamesarr21 = Adrewarr22 = Martindocument.write(arr.concat(arr2)join()：把数组转换成一个用符号连接的字符串var arr = new Array(3);arr0 = Georgearr1 = Johnarr2 = Thomasdocument.write(arr.join();doc