JS基础教程零基础学JavaScript.ppt

JS基础教程零基础学JavaScript.ppt

《JS基础教程零基础学JavaScript.ppt》由会员分享，可在线阅读，更多相关《JS基础教程零基础学JavaScript.ppt（70页珍藏版）》请在冰豆网上搜索。

JS基础教程,JS教程目录

（1）,JS介绍JS怎样使用JS在哪使用JS变量JS条件语句JS操作符JS函数JS循环JSFor.InJS事件JS字符串,JS教程目录

（2）,JSDateJSArrayJSBooleanJSMath,JS介绍,JS（JavaScript的缩写）是WEB脚本语言。

JavaScript在成千上万的WEB页中用来增加设计效果，校验表单，辨别浏览器，建立cookies等等。

JavaScript是互联网上最被广泛应用的脚本语言，适用于IE，Mozilla，Firefox，Netscape，Opera等众多主流浏览器。

JS怎样使用,如何在HTML页面中插入JavaScript？

我们通过标签在HMTL页面中插入JavaScript（同时我们也可以使用type属性来定义所要插入的脚本语言）。

和分别标记了JavaScript代码的开始和结束。

格式如下：

.,JS怎样使用实例,Example：

document.write（HelloWorld!

）,JS怎样使用,用分号来终止语句？

与C+和Java语言一样，JavaScript也是使用分号来结束一条语句。

许多的程序员在写JavaScript时都有使用分号来结束语句的习惯，但一般情况下分号只当你需要在同一行写入多条语句时才必须使用。

JS在哪使用,Head部分将脚本中的函数插入head部分，这样就可以确保函数在被调用前已经加载完成。

Body部分Body部分中的脚本将在页面加载到时被执行。

在页面中插入脚本，脚本将伴随页面一起加载。

外部脚本调入外部脚本。

将JavaScript写在一个外部文件中，并将其保存为一个以.js为扩展名的外部JavaScript文件。

JS在哪使用head,在head部分中的脚本：

.,JS在哪使用body,body部分的脚本：

.,JS在哪使用body和head,位于body和head部分的脚本：

.,JS在哪使用外部的脚本,外部的JavaScript,JS变量,变量定义声明变量给变量指定值变量的寿命（有效时间和范围）,JS变量变量,变量是你想要存储数据的“容器”。

变量的值可以在脚本中改变。

你可以调用变量的名称来看看它的值或是改变它的值。

变量名称规则：

区分大小写的。

开始部分必须为一个字母或是下划线。

重点注意！

JS是区分大小写的！

JS变量声明变量,你可以通过的var声明来建立一个变量：

varstrname=somevalue你也可以不用var来建立变量：

strname=somevalue,JS变量给变量指定值,可以用这样的方法来给变量指定值：

varstrname=JavaScript或者这样：

strname=JavaScript变量名称写在表达式的左边，你想要指定的值写在右边。

现在变量名称为strname的变量值为JavaScript。

JS变量变量的寿命（有效时间和范围）,当你在function（函数）里指定一个变量，它就只能在该函数内进行访问。

当你离开函数变量就无效了。

这样的变量可以称作局部变量。

你可以在不同的函数内使用同样名称的变量，因为在函数中只会辨认它所指定的变量（别的函数怎么定义是不管的）如果你在函数外定义一个变量，那页面里所有的函数都可以访问它。

它的有效范围从指定开始直到你关闭页面才会结束。

JS条件语句,JS中的条件语句一般用在针对不同的条件来执行不同的动作。

在JS中有以下一些假设（条件）语句：

if语句-这条语句一般是在代码在只有一个状态为真的情况下就执行的时候使用。

if.else语句-两个状态，一种为真，还有种不为真，分别执行不同动作。

if.elseif.else语句-你想在多个条件中选择一个或几个去执行，就用这个。

Switch语句-在许多条件中选择一个去执行，用这个。

JS条件语句if语句,语法：

if（condition）codetobeexecutedifconditionistrue注意：

if语句应该用小写，使用大写的话会引起JS错误。

要比较变量你就必须使用两个等号标记（=）！

JS条件语句If.else,语法：

if（condition）codetobeexecutedifconditionistrueelsecodetobeexecutedifconditionisnottrue,JS条件语句If.elseif.else,语法：

if（condition1）codetobeexecutedifcondition1istrueelseif（condition2）codetobeexecutedifcondition2istrueelsecodetobeexecutedifcondition1andcondition2arenottrue,JS条件语句Switch,如果想在几个代码块中选择一个来运行就使用switch（开关）语句。

它是这样工作的:

首先，有唯一的一个表达式n（大多数为一个变量），它是被赋过值的。

接下来表达式将与每个case（事件）进行比较。

如果吻合就执行该事件内的代码块。

使用break来防止代码执行后自动转向下一个事件。

JS条件语句Switch,语法：

switch（n）case1:

executecodeblock1breakcase2:

executecodeblock2breakdefault:

codetobeexecutedifnisdifferentfromcase1and2,JS操作符,算术运算符赋值运算符比较（关系）运算符逻辑运算符串符（连接作用）条件运算符,JS操作符算术运算符,+加-减*乘/除%余数+递增-递减,JS操作符赋值运算符,OperatorExampleIsTheSameAs=x=yx=y+=x+=yx=x+y-=x-=yx=x-y*=x*=yx=x*y/=x/=yx=x/y%=x%=yx=x%y,JS操作符比较（关系）运算符,=等于!

=不等于大于=大于等于=小于等于,JS操作符逻辑运算符,&与|或!

非,JS操作符串符（连接作用）,要将两个或多个字符串变量衔接在一起的话就得使用+符号。

要给两个字符串变量中间添加空格就得在表达式里插入空格，或在其中的一个加上（空格）。

Example：

txt1=Whataverytxt2=niceday!

txt3=txt1+txt2Ortxt1=Whataverytxt2=niceday!

txt3=txt1+txt2变量txt3为“Whataveryniceday!

”,JS操作符条件运算符,JS有根据条件不同给变量不同值的条件运算符。

语法：

variablename=（condition）?

value1:

value2Example：

greeting=（visitor=PRES）?

DearPresident:

Dear如果变量visitor的值等于PRES那么greeting的值就为DearPresident。

如果不为PRES那么greeting的值就为Dear,JS弹出框警示框,如果你想保证让用户得到信息就使用警示框。

当警示框弹出，用户必须按“OK”来继续。

语法：

alert（sometext）,JS函数,函数是可再用的代码块，可以在事件触发或是被调用时来执行。

要想让浏览器在加载完页面后马上执行脚本程序，你可以将脚本写入一个函数内。

函数内的一些代码只有在某个事件触发或被调用的时候才会被执行。

你可以在页面中的任何地方调用函数（可以用嵌入外部.js文件的方式让其他页面也可以使用脚本）函数在页面的开始部分定义，在区域。

JS函数Example,Examplefunctiondisplaymessage（）alert（HelloWorld!

）,JS函数定义一个函数,建立函数的语法：

functionfunctionname（var1,var2,.,varX）somecode（var1,var2等一些变量或值可传递给函数使用。

和定义了函数的开始与结束。

）注意：

没有参数的函数必须在函数名称后带上（）；调用的函数名必须和你建立的函数名相一致。

JS函数返回语句,返回语句用来指定从函数中返回的值，所以，要从函数里返回值就必须使用返回语句Example：

返回两个数字的乘积（a和b）:

functionprod（a,b）x=a*breturnx当你调用上面的函数,你必须提供两个参数product=prod（2,3）从函数prod（）返回的值就为6，它会存储在变量product中。

JS循环,在JS中有两种循环：

for-次数循环while-条件循环,JS循环For循环,使用for循环一般是当你事先知道脚本应该执行几次。

语法：

for（var=startvalue;var=endvalue;var=var+increment）codetobeexecuted,JS循环While循环,当条件持续为真的时候循环执行相同的代码，这就是while循环的用途while（var=endvalue）codetobeexecuted注意：

=可以比较任何申明（我的理解是不光可以比较数字类型，字符也可以比较）do.whlie是另外一种形式的while循环。

条件判断在执行之后docodetobeexecutedwhile（var=endvalue）,JS循环特殊语句,break和continue是两个用在内部循环的特殊语句。

Breakbreak命令会离开当前的循环并接着开始执行下面的循环（如果有的话）。

Continuecontinue命令会跳出当前的循环并继续下面的值。

JS循环BreakExample,vari=0for（i=0;i）ResultThenumberis0Thenumberis1Thenumberis2,JS循环ContinueExample,vari=0for（i=0;i）,JSFor.In,for.in声明通过一组元素或对象属性进行循环（重复）。

在for.in循环躯干部分里的代码针对每个元素/属性执行一次。

语法for（variableinobject）codetobeexecuted,JSFor.InExample,Example数组使用for.in循环varxvarmycars=newArray（）mycars0=Saabmycars1=Volvomycars2=BMWfor（xinmycars）document.write（mycarsx+）,ResultSaabVolvoBMW,JS事件,通过使用JS我们能够建立动态的web页面。

JS能够察觉到事件有动作。

web页中的每个元素都能够有触发JS函数的事件。

事件例子：

鼠标的点击web页或是图象在加载的时候移动到热点的时候（这里我怀疑Mousing是Moving）在HTML表单中选择一个输入框提交一份HTML表单一次击键注意：

事件通常是用函数来组合使用的，而且在事件发生前函数是不会执行的！

JS事件参考,下面的列表列举了可以插入HTML标签中来定义事件动作的属性。

onabort图片下载被打断时onblur元素失去焦点时onchange框内容改变时onclick鼠标点击一个对象时ondblclick鼠标双击一个对象时onerror当加载文档或图片时发生错误时onfocus当元素获取焦点时onkeydown按下键盘按键时onkeypress按下或按住键盘按键时onkeyup放开键盘按键时,onload页面或图片加载完成时onmousedown鼠标被按下时onmousemove鼠标被移动时onmouse