js教程

教程——刘晓教程——目录（1）•JS介绍•JS怎样使用•JS在哪使用•JS变量•JS条件语句•JS操作符•JS弹出框•JS函数•JS循环•JSFor...In•JS事件教程——目录（2）•JS捕捉错误•JS特殊字符•JSGuidelines•JS对象介绍•JS字符串•JSDate•JSArray•JSBoolean•JSMath教程——目录（3）•JSHTMLDOM•JSBrowser•JSCookies•JS校验•JS动画•JSImageMaps•JSTiming•JS建立对象介绍•JS（JavaScript的缩写）是WEB脚本语言。JavaScript在成千上万的WEB页中用来增加设计效果，校验表单，辨别浏览器，建立cookies等等。•JavaScript是互联网上最被广泛应用的脚本语言，适用于IE，Mozilla，Firefox，Netscape，Opera等众多主流浏览器。怎样使用•如何在HTML页面中插入JavaScript？我们通过script标签在HMTL页面中插入JavaScript（同时我们也可以使用type属性来定义所要插入的脚本语言）。scripttype=“text/javascript”和/script分别标记了JavaScript代码的开始和结束。格式如下：htmlbodyscripttype=“text/javascript”.../script/body/html怎样使用——实例•Example：htmlbodyscripttype=text/javascriptdocument.write(HelloWorld!)/script/body/html怎样使用•用分号来终止语句？与C++和Java语言一样，JavaScript也是使用分号来结束一条语句。许多的程序员在写JavaScript时都有使用分号来结束语句的习惯，但一般情况下分号只当你需要在同一行写入多条语句时才必须使用。怎样使用•如何操作较老版本的浏览器？不支持JavaScript的浏览器将把其当作页面文本输出。为避免这种情况，我们可以使用HTML注释标签：scripttype=“text/javascript”!--document.write(“HelloWorld!”)//--/script在注释标签结束符前的两斜杆（//）是JavaScript命令的标记。它表示JavaScript语句的结束。在哪使用•Head部分将脚本中的函数插入head部分，这样就可以确保函数在被调用前已经加载完成。•Body部分Body部分中的脚本将在页面加载到时被执行。在页面中插入脚本，脚本将伴随页面一起加载。•外部脚本调入外部脚本。将JavaScript写在一个外部文件中，并将其保存为一个以.js为扩展名的外部JavaScript文件。在哪使用——head•在head部分中的脚本：htmlheadscripttype=text/javascript..../script/head在哪使用——body•body部分的脚本：htmlhead/headbodyscripttype=text/javascript..../script/body在哪使用——body和head•位于body和head部分的脚本：htmlheadscripttype=text/javascript..../script/headbodyscripttype=text/javascript..../script/body在哪使用——外部的脚本•外部的JavaScripthtmlheadscriptsrc=xxx.js/script/headbody/body/html变量•变量定义•声明变量•给变量指定值•变量的寿命（有效时间和范围）变量——变量变量是你想要存储数据的“容器”。变量的值可以在脚本中改变。你可以调用变量的名称来看看它的值或是改变它的值。•变量名称规则：区分大小写的。开始部分必须为一个字母或是下划线。重点注意！JS是区分大小写的！变量——声明变量•你可以通过的var声明来建立一个变量：varstrname=somevalue•你也可以不用var来建立变量：strname=somevalue变量——给变量指定值•可以用这样的方法来给变量指定值：varstrname=JavaScript或者这样：strname=JavaScript•变量名称写在表达式的左边，你想要指定的值写在右边。现在变量名称为strname的变量值为JavaScript。变量——变量的寿命（有效时间和范围）•当你在function(函数)里指定一个变量，它就只能在该函数内进行访问。当你离开函数变量就无效了。这样的变量可以称作局部变量。你可以在不同的函数内使用同样名称的变量，因为在函数中只会辨认它所指定的变量（别的函数怎么定义是不管的）•如果你在函数外定义一个变量，那页面里所有的函数都可以访问它。它的有效范围从指定开始直到你关闭页面才会结束。条件语句•JS中的条件语句一般用在针对不同的条件来执行不同的动作。在JS中有以下一些假设（条件）语句：if语句-这条语句一般是在代码在只有一个状态为真的情况下就执行的时候使用。if...else语句-两个状态，一种为真，还有种不为真，分别执行不同动作。if...elseif....else语句-你想在多个条件中选择一个或几个去执行，就用这个。Switch语句-在许多条件中选择一个去执行，用这个。条件语句——if语句•语法：if(condition){codetobeexecutedifconditionistrue}•注意：if语句应该用小写，使用大写的话会引起JS错误。要比较变量你就必须使用两个等号标记（==）！条件语句——If...else•语法：if(condition){codetobeexecutedifconditionistrue}else{codetobeexecutedifconditionisnottrue}条件语句——If...elseif...else•语法：if(condition1){codetobeexecutedifcondition1istrue}elseif(condition2){codetobeexecutedifcondition2istrue}else{codetobeexecutedifcondition1andcondition2arenottrue}条件语句——Switch•如果想在几个代码块中选择一个来运行就使用switch(开关)语句。•它是这样工作的:首先，有唯一的一个表达式n(大多数为一个变量)，它是被赋过值的。接下来表达式将与每个case(事件)进行比较。如果吻合就执行该事件内的代码块。使用break来防止代码执行后自动转向下一个事件。条件语句——Switch•语法：switch(n){case1:executecodeblock1breakcase2:executecodeblock2breakdefault:codetobeexecutedifnisdifferentfromcase1and2}操作符•算术运算符•赋值运算符•比较（关系）运算符•逻辑运算符•串符（连接作用）•条件运算符操作符——算术运算符+加-减*乘/除%余数++递增--递减操作符——赋值运算符OperatorExampleIsTheSameAs=x=yx=y+=x+=yx=x+y-=x-=yx=x-y*=x*=yx=x*y/=x/=yx=x/y%=x%=yx=x%y操作符——比较（关系）运算符==等于===等于（检查值和类型）*全吻合才算相等!=不等于大于小于=大于等于=小于等于操作符——逻辑运算符&&与||或!非操作符——串符（连接作用）•要将两个或多个字符串变量衔接在一起的话就得使用+符号。•要给两个字符串变量中间添加空格就得在表达式里插入空格，或在其中的一个加上（空格）。Example：txt1=Whataverytxt2=niceday!txt3=txt1++txt2Ortxt1=Whataverytxt2=niceday!txt3=txt1+txt2•变量txt3为“Whataveryniceday!”操作符——条件运算符•JS有根据条件不同给变量不同值的条件运算符。•语法：variablename=(condition)?value1:value2•Example：greeting=(visitor==PRES)?DearPresident:Dear如果变量visitor的值等于PRES那么greeting的值就为DearPresident。如果不为PRES那么greeting的值就为Dear弹出框•在JS里我们可以建立三种不同样子的popupboxes弹出框：警示框，确认框，信息框。弹出框——警示框如果你想保证让用户得到信息就使用警示框。当警示框弹出，用户必须按“OK”来继续。•语法：alert(sometext)弹出框——确认框确认框用来让用户核实或是接受一些信息。当信息