javascript培训.pptx

1、JavaScript 基础教程,内容简介,第一章：JavaScript简介,目标:本章旨在向学员简要介绍JavaScript的相关概念及核心功能，通过本课的学习，学员应该掌握如下知识：1）了解JavaScript的基本概念2）了解JavaScript的核心功能,1.1 JavaScript简介,JavaScript基于对象的脚本语言解释执行代码以纯文本形式存储类型宽松Netscape公司和Sun公司联手完成,1.2 JavaScript功能,JavaScript功能1、嵌入动态文本于HTML页面2、对浏览器事件作出响应3、读写HTML元素4、在数据被提交到服务器之前验证数据5、检测访客的浏览器

2、信息6、控制cookies，包括创建和修改等,1.3 JavaScript历史,JavaScript历史JavaScript语言本身和Java语言没有任何关系1995年首次出现，主要处理一些输入的有效性验证，可以直接在客户端处理,1.4 JavaScript特点,JavaScript特点脚本编写基于对象简单安全动态跨平台,1.5 Javascript的使用方式,嵌入使用1、在页面中嵌入script代码：可嵌入到任何位置，建议在head标记中2、在标记中嵌入script代码响应标记的某个事件JavaScriptExample.html,document.write(这是以JavaScript印出

3、的！);document.write();alert(a);/先执行，然后才触发onload代码；var d=new Date();var time=d.getHours();if(time Good morning);elsedocument.write(Good day);,1.5 Javascript的使用方式,引入外部的JavaScript代码多个页面使用相同的JavaScript代码将共用代码保存在以.js为扩展名的文件中在页面中使用src属性引入外部文件JavaScriptExternal.html,1.5 Javascript的使用方式,我是body的内容,1.5 Javascr

4、ipt的使用方式,1.6 不支持JavaScript的处理,不支持JavaScript的浏览器处理将JavaScript代码隐藏使用JavaScriptHide.html,1.7 不支持JavaScript-示例,Old BrowsersWelcome to NEU!);/Stop Hiding JavaScript from Older Browsers/-,第二章：JavaScript基本语法,目标:本章旨在向学员介绍JavaScript的基本语法，通过本课的学习，学员应该掌握如下知识：1）了解JavaScript的语法2）了解JavaScript的变量命名、转义字符等,2.1 语法,Ja

5、vaScript语法区分大小写变量 myTest、myTEST是不同的变量变量是弱类型行结尾加分号大括号表明代码块注释通用简单在浏览器中逐条解释执行，如果某条语句出现错误，后面的语句将不能执行。,2.2 注释,注释单行：/这是注释的内容块注释：/*/*这是多行注释的内容；可以跨越多行；*/,2.3 特殊字符,特殊字符在字符串中插入特殊字符如“和 等使用+特殊字符 实现如：You&I sing“Happy Birthday”.代码如下：document.write(“You&I sing”Happy Birthday”.”),2.4 常量/变量,常量JavaScript中没有常量概念通常指直接在

6、代码中给定的值var a=3.1415926;var b=“hello”;变量保存程序中的临时值，可被后面的脚本使用弱类型,2.5 变量声明,变量声明var在使用变量前声明var mytest;可以声明的同时赋值var mytest=“This is a book”;同时声明多个变量var a,b=1,c;,2.6 变量命名,变量命名以字母、下划线（_）或美元符号（$）开头余下的字符可以是下划线、美元符号或任何的字母、数字最长为255个字符不能有空格，大小写敏感不能使用JavaScript中的关键字或保留字命名,2.7 JavaScript保留字（一）,2.7 JavaScript保留字（二）

7、,2.8 变量类型（了解）,变量类型五种原始类型Undefined-未定义类型未被赋值的变量，值为undefinedString-字符串类型值用引号括起来Boolean-布尔类型值为true/falseNull-空类型值为null，尚不存在的对象Number-数字类型NaN.html任何数字（NaN也是number类型，表示“非数”）可以使用 typeof(object)来获取object的类型；后面对typeof有详细介绍。,2.9 类型转换,类型转换JavaScript是弱类型语言，变量的类型对应于其值的类型可以对不同类型的变量执行运算，解释器强制转换数据类型，然后进行处理如：,2.9 类

8、型转换,字符串-数值StrToNumber.htmlparseInt(var)parseFloat(var)Number(var)注意：parseInt方法和parsefloat方法只对string类型有效，且需要是数字开头的字符串如：parseInt(“100”);,2.10 语句,语句区分大小写语句由一个或多个表达式、关键字或运算符组成多条语句可以写在同一行上，之间使用分号隔开单独一行中只有一条语句，可以省略分号但是我们要求，每行结尾必须加分号,2.11 运算符,运算符赋值运算符数学运算符比较运算符逻辑运算符,2.11.1 赋值运算符,2.11.2 数学运算符,2.11.3 关系运算符,2

9、.11.4 逻辑运算符,2.11.5 typeof运算符,typeoftypeof.html对变量或值调用typeof运算符将返回下列的值之一“undefined”变量是undefined类型的“boolean”变量是boolean类型的“number”变量是number型的“string”变量是string型的“object”变量是一种引用类型或null“function”变量是一个函数 例：var i=2;alert(typeof(i);/返回number,2.11.6 条件运算符,条件运算符(condition)?trueVal:falseVal,status=(age=18)?adul

10、t:minor,2.12 异常捕获（了解）,try/catchtry_catch.htmltry/代码catch(e)/处理finally,第三章：流程控制和函数,目标:本章旨在向学员介绍JavaScript的流程控制和函数，通过本课的学习，学员应该掌握如下知识：1）了解JavaScript的流程控制2）了解函数构成，可以使用函数实现基本功能,3.1 流程控制,JavaScript语言构成主要由控制语句、函数、对象、方法、属性等来实现编程控制语句条件语句ifswitchfor循环语句while循环语句break和continue语句,3.1.1 条件语句-if,if条件语句js_if.html

11、,3.1.2 条件语句-switch,switch条件语句js_switch.html,3.1.3 循环语句-for,for循环语句js_for.html,3.1.4 循环语句-while,while循环语句js_while.htmldowhile循环语句,3.1.5 break/continue,break语句让执行语句从循环语句或其它程序块中跳出continue语句让执行语句跳过本次循环的剩余语句进入下一次循环,3.2 函数,JavaScript函数完成某个功能的一组语句，把常用的功能写成一个函数定义函数function关键字函数名称参数列表函数体,3.2.1 arguments对象,ar

12、guments对象arguments.html函数可以接受任意个数的参数，通过arguments来访问如：function sayHi()if(arguments1!=Hello)alert(arguments0);elsealert(arguments1);alert(arguments.length);/返回参数个数调用：sayHi(111,Hello);,3.2.2 函数使用（一）,普通调用JavaScriptFunction.html带参数调用myFunction(arg1,arg2,etc)无参数调用myFunction(),3.2.3 函数使用（二）,链接调用JavaScriptF

13、unctionLink.html在链接中调用函数用户点击链接后，即调用该函数,3.2.4 函数使用（三）,事件触发调用JavaScriptFunctionTrigger.html由事件触发调用函数其它内部函数Number()、parseInt()、parseFloat()将数字字符串转换为数字如果转换失败，则返回“NaN”isNaN()判断是否不是数字eval()把字符串当作JavaScript表达式来执行eval(“2+3”),1、做一个乘法表JavaScriptExercise.html在网页上用javascript函数，在网页上打印出乘法九九表。1*1=11*2=2 2*2=4.1*9=

14、9 2*9=18.9*9=81,3.2.5 练习一,2、JavaScriptExerciseTwo.html使用prompt(”,”)获取用户输入的字符串，直到实现输入“STOP”时停止。并打印所有的输入：其他字符使用红色字体输出，“STOP”使用蓝色字体输出。prompt()的使用如下：var inputStr=prompt(请输入一串字符,“default);alert(inputStr);,3.2.6 练习二,第四章：JavaScript对象,目标:本章旨在向学员介绍JavaScript的对象，通过本课的学习，学员应该掌握如下知识：1）了解JavaScript对象的概念2）了解Array

15、、Date、Math、String对象3）会创建自己的对象,4.1 对象,JavaScript对象属性（properties）描述对象的外观特征用“.”把属性和对象连接起来方法（methods）描述对象的行为动作用“.”连接,4.2 对象创建及废除,对象创建使用new关键字来创建对象var oObject=new Object();var oStringObject=new String();如果构造函数无参数，则不必加括号对象废除不必专门销毁对象来释放内存当没有针对该对象的引用时，被自动废除把对象的所有引用设置为null时也可以废除对象,4.3 JavaScript内部对象,常用的内部对象A

16、rrayDateMathString,4.3.1 Array对象,数组对象数组是一组变量的有序集合通过数组索引来使用一个变量创建数组新建一个长度为0的数组var array_name=new Array();长度为100的数组var array_name=new Array(100);新建一个指定长度的数组，并赋初值var array_name=new Array(“red”,”green”,1,2,3);数组长度不固定，赋值即可改变长度（动态）,4.3.1.1 赋值,数组的使用赋值直接赋值tmpArray0=“value1”;tmpArray1=“value2”;通过for循环赋值for(var i=0;itmpArray.length;i+)tmpArrayi=“2000”+i;数组的主要属性length返回数组长度的整数值,4.3.1.2 取值,数组的使用取值直接使用document.write(tmpArray0);通过for循环取值同赋值的for循环或者 forin循环（了解即可）for(var i in book)document.write(book+i+booki+);