javascript教程.docx
《javascript教程.docx》由会员分享，可在线阅读，更多相关《javascript教程.docx（67页珍藏版）》请在冰豆网上搜索。
javascript教程
Javascript教程
作者：
金云龙。
坦克大战：
1.Aptana插件安装
1.1.Aptana插件简介
●Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。
●它的特点包括：
⏹JavaScript,HTML,CSS语言的CodeAssist功能。
⏹Outliner（大纲）：
显示JavaScript,HTML和CSS的代码结构。
●支持各种js框架
⏹jQuery
⏹Ext
⏹Dojo
⏹Prototype
⏹YahooUserInterface
1.2.Aptana插件安装
1.2.1.制作离线Aptana插件安装包
●下载Aptana的eclipse插件版：
●解压缩下载的压缩包，得到一个aptana_update_024747的文件夹
●进入到该文件夹中，只保留features和plugins两个文件夹，其余所有内容全部删除。
上图中，选中部分删除！
●在当前文件夹下，右键新建一个文件夹，将其命名为eclipse。
●将features和plugins两个文件夹，移动到eclipse文件夹中。
●到此，离线Aptana插件安装包制作完毕。
1.2.2.安装方案一：
适用于myeclipse8.5以上版本及eclipse3.2以上版本（不包含4.2版本）
●进入到myeclipse或eclipse安装目录中
●再进入到MyEclipse10文件夹中
上图中，被选中的文件夹dropins，是专门用来安装离线插件包的！
●进入到dropins文件夹中，将制作好的离线Aptana插件安装包copy到此文件夹中。
1.2.3.安装方案二：
适用于myeclipse8.5以下版本及eclipse3.2以上版本（不包含4.2版本）
●将制作好的离线Aptana插件安装包copy至本地磁盘的任意目录下（目录中不能包含中文和空格，建议copy到myeclipse或eclipse安装目录中）。
●进入到myeclipse或eclipse安装目录中。
Myeclipse：
eclipse：
●在myeclipse或eclipse安装目录中，右键新建一个文件夹，命名为links。
●进入到新建的links文件夹中，右键新建一个文本文档，并编辑其内容。
“path=”后面的内容为离线Aptana插件安装包的路径，并将“\”修改为“/”或“\\”。
●再将编辑好的文本文档的名称，修改为“aptana.link”（文件的名字自定义，不能包含中文及特殊字符；后缀名为“.link”）。
1.2.4.验证Aptana插件安装是否成功
●启动myeclipse或eclipse。
●验证方式一：
myeclipse：
eclipse：
●验证方式二：
myeclipse：
eclipse：
1.2.5.配置Aptana插件
●配置Aptana插件支持的浏览器：
（myeclipse10版本后的不能支持火狐浏览器）
●配置Aptana插件代码提示：
●设置Aptana插件在myeclipse或eclipse启动时，是否显示主页：
●设置HTML文件、JS文件默认编辑器：
●设置新建HTML文件的默认编码集：
2.javascript入门
2.1.javascript发展历史
●在1995年由Netscape（网景）公司推出LiveScript。
在此之前，没有所谓的前端技术。
所有的处理都需要由服务器端进行操作。
当时的目的是同时在客户端和服务器端使用。
●由Netscape（网景）公司联合SUN公司完善LiveScrip。
此时，Netscape（网景）公司将LiveScript更名为JavaScript。
目的是利用Java语言的流行。
●微软在推出IE3.0时，使用了JavaScript的克隆版本，Jscript。
●此时，JavaScript拥有多个版本：
版本不统一的问题出现！
●在1997年，JavaScript1.1由欧洲计算机制造商协会定义。
此举，只为JavaScript语言定制统一的语言版本。
该全新版本的推出，更名为ECMAScript。
该版本由Netscape、Sun、微软等共同定义。
●微软的IE浏览器产品的推广，间接推广了JavaScript。
⏹JavaScript脚本语言已经成为浏览器的必要组件
⏹JavaScript语言的版本问题越加突出
●JavaScript语言的版本不统一问题至今仍未解决！
2.2.javascript的核心组成部分
●ECMAScript
⏹ECMAScript是一种脚本语言的标准，ECMA-262标准。
⏹该标准不仅限于JavaScript语言使用，例如ActionScript语言中的标准也为ECMA-262标准。
⏹ECMAScript描述了以下内容：
语法、类型、语句、关键字、保留字、运算符和对象。
●BOM：
全称：
BrowserObjectModel，译为浏览器对象模型。
●DOM：
全称：
DocumentObjectModel，译为文档对象模型。
2.3.在HTML或JSP页面中如何使用javascript脚本语言
●可以在HTML页面中的任何位置，使用标签来插入JavaScript。
●在HTML页面中的不同位置，插入JavaScript。
执行地效果各不相同（执行顺序是自上而下）。
●script标签属性说明：
⏹type：
text/javascript，指定使用的脚本语言。
⏹language：
JavaScript，也是指定使用的脚本语言。
弃用！
⏹src：
载入外部JavaScript脚本代码（路径可以是绝对路径和相对路径）。
2.4.ECMAScript入门
●区分大小写：
与Java一样。
变量、函数名、运算符以及其他一切东西都是区分大小写的。
●变量是弱类型的：
与Java不一样。
ECMAScript中的变量无特定的类型，定义变量时只用var运算符，可以将它初始化为任意的类型。
变量的类型取决于给变量赋值的内容。
●每行结尾的分号可有可无：
与Java不一样。
如果一条语句的结尾没有分号表明结束的话，前提是这样没有破坏代码的语义。
最好的编写代码习惯是加入分号。
●注释：
与Java一样。
支持”//”、”/**/”这几种常见的注释方式。
●{}括号表明代码块：
与Java一样。
2.5.BOM简介
2.5.1.浏览器内置对象的介绍
●Navigator对象：
浏览器对象，包含了正在使用的Navigator的版本信息。
反映了当前使用的浏览器的资料。
JavaScript客户端运行时刻引擎自动创建navigator对象。
●Window对象：
表示的是浏览器窗口，最顶层的对象,window的属性对应于整个窗口。
⏹Document对象：
文档对象是JavaScript 中window 和frames对象的一个属性,是显示于窗口或框架内的一个文档。
描述当前窗口或指定窗口对象的文档。
它包含了文档从
到的内容。
◆Links对象：
是一个数组， 包含了文档中所有连接标记 （包含 href 属性的标记和
◆Archors对象：
是一个数组，包含了文档中所有锚标记（包含 name 属 性的标记）， 按照在文档中的次序， 从 0 开始给每个锚标记定义了一个下标。
◆Forms对象：
是一个数组，包含了文档中所有的表单（
升级会员 