JS基础教程ppt课件VIP

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操作符逻辑运算符,var=endvalue;var=var+increment)codetobeexecuted,JS循环While循环,当条件持续为真的时候循环执行相同的代码，这就是while循环的用途while(var=endvalue)codetobeexecuted注意：=可以比较任何申明（我的理解是不光可以比较数字类型，字符也可以比较）do.whlie是另外一种形式的while循环。条件判断在执行之后docodetobeexecutedwhile(vartoday)alert(Todayisbefore14thJanuary2010)elsealert(Todayisafter14thJanuary2010),JS日期对象参考方法（1）,日期对象方法Date()返回今天的日期和时间getDate()返回月中的第几天(1到31)getDay()返回一周中的第几天(0到6)getMonth()返回月份数(0到11)getFullYear()返回完整的年份数getYear()返回年份，可以是两位的或是四位的getHours()返回日期对象的小时数（0到23）getMinutes()返回日期对象的分钟（0到59）getSeconds()返回日期对象的秒（0到59）getMilliseconds()返回毫秒（0到999）getTime()从1970年1月1号午夜到现在一共花去的毫秒数getTimezoneOffset()本地时间和GMT相差多少分钟,JS日期对象参考方法（2）,getUTCDate()依据国际时间来得到月中的第几天（1到31）getUTCDay()依据国际时间来得到现在是星期几（0到6）getUTCMonth()依据国际时间来得到月份（0到11）getUTCFullYear()依据国际时间来得到完整的年份getUTCHours()依据国际时间来得到小时（0-23）getUTCMinutes()依据国际时间来返回分钟（0到59）getUTCSeconds()依据国际时间来返回秒（0到59）getUTCMilliseconds()依据国际时间来返回毫秒（0到999）parse()或得并返回自1970年1月1号凌晨到现在一共花掉了多少毫秒setDate()设置日setMonth()设置月setFullYear()设置年份setYear()用setFullYear()来取代setHours()设置小时setMinutes()设置分钟setSeconds()设置秒setMilliseconds()设置毫秒setTime()依据从1970年1月1号午夜到现在来设置毫秒,JS日期对象参考方法（3）,setUTCDate()依据国际时间来设置日期setUTCMonth()依据国际时间来设置月setUTCFullYear()依据国际时间来设置年份setUTCHours()依据国际时间来设置小时setUTCMinutes()依据国际时间来设置分钟setUTCSeconds()依据国际时间来设置秒setUTCMilliseconds()依据国际时间来设置毫秒toSource()显示对象的源代码-toString()将日期对象转换为字符串toGMTString()根据格林威治时间将Date日期对象转换为一个字符串。可以使用toUTCString()替代这种方法toUTCString()根据通用时间将一个Date日期对象转换为一个字符串toLocaleString()根据本地时间将一个Date日期对象转换为一个字符串UTC()根据通用时间将日期计算为从1970年1月1日午夜至今所经过的时间（单位：毫秒）valueOf()返回日期对象的原始值,JS日期对象参考属性,日期对象属性constructor所建立对象的函数参考prototype能够为对象加入的属性和方法,JSArray,阵列(数组)对象用来在一单独的变量名称内存储一系列值。定义数组。下面的代码行定义了称为myArry的数组对象：varmyArray=newArray()有两种方法来添加数组值（你可以添加你所需要的值并定义你所想要的变量名称）第一种:varmycars=newArray()mycars0=Saabmycars1=Volvomycars2=BMW还可以通过引入一个整数来控制数组的大小：varmycars=newArray(3)mycars0=Saabmycars1=Volvomycars2=BMW第二种：varmycars=newArray(“Saab”,“Volvo”,“BMW”)注意：如果你在数组里指定数字或真/假值那么变量的类型将变为数字型或布尔型替换了字符串型。,JSArray访问和修改数组,访问数组。你可以指示数组的名称和索引数字来从数组中提出一个单独的元素。索引数字从0开始。正如下面的代码行：document.write(mycars0)将输出结果：Saab修改现有的数组值。要修改现有数组的值只需要通过添加指定索引数字里的值mycars0=Opel现在，下面的代码行：document.write(mycars0)将输出结果：Opel,JS数组对象参考方法,数组对象方法concat()将两个或两个以上的数组值连接起来，合并后返回结果。join()将数组中的所有元素合并起来成为一条字符串。每个元素可以指定他们的分隔标记。pop()删除并返回数组最后的元素。push()在数组的末尾加上一个或多个元素，并且返回新的数组长度值。reverse()将数组中的排列顺序做反向排列。shift()删除并返回数组中第一个元素值。slice()从现有数组中的某个元素开始依次返回。sort()对数组中的元素进行排序。splice()为数组删除并添加新的元素。toSource()显示对象的源代码。toString()将数组转换为数组，并返回结果。unshift()为数组的开始部分加上一个或多个元素，并且返回该数组的新长度。valueOf()返回数组对象的原始值。,JSBoolean,布尔对象用来把一个非布尔型的值转换为布尔值（真或假）。布尔对象是布尔值的包装对象。我们用一新关键字定义一个布尔对象。下面的代码定义了一个名为myBoolean的布尔对象：varmyBoolean=newBoolean()注意：如果布尔对象没有初始值或是0,-0,null,false,无定义的,或NaN,对象就设置为假.不然它就是真(哪怕是字符串值为“false”)。下面所有的代码建立的布尔对象的值都为false(假):varmyBoolean=newBoolean()varmyBoolean=newBoolean(0)varmyBoolean=newBoolean(null)varmyBoolean=newBoolean()varmyBoolean=newBoolean(false)varmyBoolean=newBoolean(NaN),JS布尔对象参考,下面的就全为true(真):varmyBoolean=newBoolean(true)varmyBoolean=newBoolean(true)varmyBoolean=newBoolean(false)varmyBoolean=newBoolean(Richard)布尔对象方法toSource()显示对象的源代码toString()将布尔值转换为字符串，并且返回结果valueOf()返回布尔对象的原始值布尔对象属性constructor所建立对象的函数参考prototype为对象添加属性和方法,JSMath,数学对象允许你来执行一般数学上的任务（一些数学上的运算）。数学对象包括数学值和函数。你不需要在使用前定