《Javascript学习技巧》由会员分享，可在线阅读，更多相关《Javascript学习技巧（8页珍藏版）》请在金锄头文库上搜索。
1、背景及简介JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。Netscape公司在最
2、初将其脚本语言命名为LiveScript。在Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme3。JavaScript与Java名称上的近似，是当时网景为了营销考虑与Sun公司达成协议的结果。为了取得技术优势，微软推出了JScript脚本语言。Ecma国际（前身为欧洲计算机制造商协会）创建了ECMA-262标准（ECMAScript）。现两者都属于ECMAScript的实现。尽
3、管JavaScript作为给非程序人员的脚本语言，而非是作为给程序人员的编程语言来推广和宣传，但是JavaScript具有非常丰富的特性。前身是 Live Script正式名称：ECMAScriptECMAScript-262是JavaScript标准，基于网景（Netscape）公司提出JavaScript语言和微软公司提出的JScript语言ECMA开始于1996年，在1997年7月，采纳了首个版本，1998年，该标准成为了国际ISO标准作者介绍Brendan Eich 布兰登艾奇（Brendan Eich，1964年），JavaScript的发明人，从2007年开始在Mozilla公司担
4、任首席技术长官（Chief Technology Officer）。开发工具在如今网络开发方面，JavaScript起了很关键的作用；像jQuery,Prototype,ExtJs等等JavaScript框架以及其它JavaScript类库让我们的生活轻松了不少。但是随着Rich Internet Applications(RIA)的面世及迅速应用，书写更强大，更坚实可靠的JavaScript的需要日益迫切。javascript程序是纯文本的，且不需要编译，所以任何纯文本的编辑器都可以编辑javascript文件。基本语法1. 数据类型（Date Type）a) Jscript 有三种主要数据
5、类型、两种复合数据类型和两种特殊数据类型1) 主要（基本）数据类型是： 字符串、数值、布尔2) 复合（引用）数据类型是： 对象、数组3) 特殊数据类型是： Null、Undefinedb) 测试是否已经声明变量 x ：1) if (typeof(x) = undefined) / 作某些操作2. 变量（Variable）a) 如果在var中没有初始化变量的值，则默认为undefined.b) 可以不用var来申明一个变量，但是在过程级中申明一个变量时，就必须用var.总之用var就对了.c) 当要声明一个变量并进行初始化，但又不想指定任何特殊值，可以赋值为 JScript值null。下面给出示
6、例。var bestAge = null;d) 如果声明了一个变量但没有对其赋值，该变量存在，其值为Jscript 值 undefined。下面给出示例。var currentCounte) 在JScript中null和undefined的主要区别是null的操作象数字0，而 undefined的操作象特殊值NaN（不是一个数字）。对null值和undefined 值作比较总是相等的。f) 运算与结果：数值与字符串相加将数值强制转换为字符串。布尔值与字符串相加，将布尔值强制转换为字符串。数值与布尔值相加，将布尔值强制转换为数值。g) 要想显式地将字符串转换为整数，使用parseInt方法。要想
7、显式地将字符串转换为数字，使用parseFloat方法。请注意，比较大小时字符串自动转换为相等的数字，但加法（连接）运算时保留为字符串。3. 内置对象（Inner Object）a) Array数组b) Boolean布尔值c) Date时间d) Function函数e) Global全局f) Math数学g) Number数字h) Object对象i) RegExp正则j) Error错误k) String字符串4. 运算符a) 算术运算符运算符运算符说明示例示例说明+加法x+y如果x为字符串text1, y为字符串fun,x+y则等于text1fun-减法x-y*乘法x*y/除法x/y%两
8、者相除求余数x%y如果x等于10, y等于3, x%y结果等于1+递增x+如果x等于10, x+等于11-递减y-如果y等于10, y-等于9b) 赋值运算符运算符运算符说明示例示例说明赋值x=5将整数5这个值赋给变量xc) 逻辑运算符运算符运算符说明示例示例说明=等于x=y如果x等于2, y等于2,则x=y=全等于(值相等,数据类型也相等)x=y如果x等于整数2,y为字符串2,则x=y不成立大于xy=大于等于x=y小于Xy=小于等于x=y!=不等于x!=y!=不全等于x!=y&与(and)x 1|或(or)x=8 | y=8!非(not)!(x=y)5. 条件判断和选择（If & Switc
9、h）a) 条件判断1) 语法If(1=1)/这个小括号里是条件alert(“正确”);/条件成立执行此处elsealert(“错误”);/条件不成立执行此外b) 选择分支1) 语法switch(a)/判断条件case 1 : /当条件值等于1时，执行分支1alert();break;case 2 : /当条件值等于2时，执行分支2alert();break;default : /所有条件都不满足，执行此处alert();6. 循环（Loop）a) While循环1) 语法While(condition)/循环退出的条件，写true为死循环Alert(“循环”);b) For循环1) 语法For
10、(var I = 0;I 10;i+)Alert(i);7. 函数与数组（Function & Array）javascript中的函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语法：a) 使用语法：function func1()var func2=function();var func3=function func4();var func5=new Function();这些都是声明函数的正确语法。它们和其他语言中常见的函数或之前介绍的函数定义方式有着很大的区别
11、。那么在JavaScript中为什么能这么写？它所遵循的语法是什么呢？下面将介绍这些内容。b) 认识函数对象（Function Object）可以用function关键字定义一个函数，并为每个函数指定一个函数名，通过函数名来进行调用。在JavaScript解释执行时，函数都是被维护为一个对象，这就是要介绍的函数对象（Function Object）。函数对象与其他用户所定义的对象有着本质的区别，这一类对象被称之为内部对象，例如日期对象（Date）、数组对象（Array）、字符串对象 （String）都属于内部对象。这些内置对象的构造器是由JavaScript本身所定义的：通过执行new Arr
12、ay()这样的语句返回一个对象，JavaScript内部有一套机制来初始化返回的对象，而不是由用户来指定对象的构造方式。在JavaScript中，函数对象对应的类型是Function，正如数组对象对应的类型是Array，日期对象对应的类型是Date一样，可以通过 new Function()来创建一个函数对象，也可以通过function关键字来创建一个对象。为了便于理解，我们比较函数对象的创建和数组对象的创建。8. 注释a) 单行注释/这里的内容是注释内容，运行时被忽略b) 多行注释/*这里的内容是注释内容，运行时被忽略*/9. 规范a) 每行语句结束后要加;号b) 适当使用TAB键进行缩进高
13、级部分1. DOM（Document Object Model文档对象模型）DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远远超出这个范围。Dom技术使得用户页面可以动态地变化，如可以动态地显示或隐藏一个元素，改变它们的属性，增加一个元素等，Dom技术使得页面的交互性大大地增强。DOM实际上是以面向对象方式描述的文档模型。DOM定义
14、了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示，不过页面当然可能并不是以这种树的方式具体实现。通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。在 1998 年，W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。所有的浏览器都执行了这个标准，因此，DOM 的兼容性问题也几乎难觅踪影了。DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。DOM 被分为不同的部分（核心、XML及HTML）和级别（DOM Level 1/2/3）。2. 获取页面元素a) Document.getElementById(id)/通过元素id获取，得到单个元素b) Document.getElementsByName(name)/通过元素名称来获取，得到数组c) Document.getElementsByTagName(name)/通过元素的标签名获取，
