一、JavaScript简介
JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它的主要目的是,验证发往服务器端的数据、增加 Web 互动、加强用户体验度等。
1. JavaScript 发展史
大概在 1992 年,一家称作 Nombas 的公司开始开发一种叫做 C– –(C-minus-minus,简称Cmm)的嵌入式脚本语言。保持与 C(和 C++)的相似性,以便开发人员能很快学会。Nombas最终把 Cmm 的名字改成了 ScriptEase,而这种嵌入式脚本的理念也成为因特网的一块重要的 基石。
1995 年,Netscape(网景)公司的布兰登与 Sun 公司联手开发一个称为 LiveScript 的脚本语言。为了营销便利,之后更名为 JavaScript(目的是在 Java 这课大树下好乘凉)。当时微软决定进军浏览器,发布了 ie 3.0 并搭载了一个 javascript 的克隆版,叫做 jscript。在微软进入后,有3 种不同的 javascript 版本同时存在: javascript 、 jscript 以及 scriptease。
三个版本恰恰突出了一个问题就是,没有一个统一的语法标准,所以,1997 年来自 netscape、 sun、微软、borland 和其他一些对脚本编程感关趣的公司的程序员组成的 tc39 锤炼出了 ECMA-262,该标准定义了叫做 ECMAscript 的全新脚本语言。从此,Web 浏览器就开始努力 (虽然有着不同程度的成功和失败)将 ECMAScript 作为 JavaScript 实现的基础。ECMAScript 是一个重要的标准,但它并不是 JavaScript 唯一的部分,当然,也不是唯一被标准化的部分。实际上,一个完整的 JavaScript 实现是由以下 3 个不同部分组成的。
2. JavaScript 组成
ECMAScript 定义的只是这门语言的基础,与 Web 浏览器没有依赖关系,而在基础语法上可以构建更完善的脚本语言。JavaScript 的运行需要一定的环境,脱离了环境 JavaScript 代码 是不能运行的,JavaScript 只能够寄生在某个具体的环境中才能够工作。JavaScript 运行环境一 般都由宿主环境和执行期环境共同构成,其中宿主环境是由外壳程序生成的,如 Web 浏览器就 是一个外壳程序,它提供了 一个可控制浏览器窗口的宿主环境。执行期环境则由嵌入到外壳程 序中的 JavaScript 引擎(或称为 JavaScript 解释器)生成,在这个环境中 JavaScript 能够生成 内置静态对象,初始化执行环境等。
Web 浏览器自定义的 DOM 组件,以面向对象方式描述的文档模型。DOM 定义了表示和修 改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。DOM 对象,是我们用传 统的方法(javascript)获得的对象。DOM 属于浏览器,而不是 JavaScript 语言规范里的规定的核 心内容。
前面的 DOM 是为了操作浏览器中的文档,而为了控制浏览器的行为和操作,浏览器还提供了 BOM(浏览器对象模型)。
ECMAScript(基础语法)
JavaScript 的核心语法 ECMAScript 描述了该语言的语法和基本对象
DOM(文档对象模型)
文档对象模型(DOM)—— 描述了处理网页内容的方法和接口
BOM(浏览器对象模型)
浏览器对象模型(BOM)—— 描述了与浏览器进行交互的方法和接口
3. 开发工具
1、浏览器: chrome
2、开发工具:hbuilder
3、进入“控制台”console:F12控制台的作用:
console 对象代表浏览器的 JavaScript 控制台,用来运行 JavaScript 命令,常常用来显示网
页运行时候的错误信息。Elements 用来调试网页的 html 和 css 代码。
二、JavaScript 基本用法
JS 需要和 HTML 一起使用才有效果,我们可以通过直接或间接的方式将 JS 代码嵌入在HTML 页面中。
行内 JS : 写在标签内部的 js 代码
内部 JS : 定义在 script 标签内部的 js 代码
外部 JS : 单独的 js 文件,在 HTML 中通过 script 标签引入
我们可以将 JavaScript 代码放在 html 文件中任何位置,但是我们一般放在网页的 head 或者 body 部分。由于页面的加载方式是从上往下依次加载的,而这个对我们放置的 js 代码运行 是有影响的。
放在<head>部分,最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。
放在<body>部分,JavaScript代码在网页读取到该语句的时候就会执行。
在已经有了写好的 js 代码,直接使用是非常简单的,但是我们需要学习的是 JS 的写法,使用 JS 的基本语法,结合 BOM 和 DOM 两种接口来操作浏览器中的元素,使得我们的页面能 够具有动态的效果。