一、了解JavaScript

1.1 javascript 是什么

JavaScript 被称为“脚本语言”（scripting language），这暗示着它更适合编写脚本而不是程序。这实际上并没有根本性的差异。JavaScript脚本也是一种程序，它们包含在 HTML页面内部（原先编写脚本的方式），或者驻留在外部文件中（现在的首选方法）。在HTML页面上，因为脚本文本包围在 <script>标签中，所以它不会显示在用户的屏幕上，而 Web 浏览器知道应该运行JavaScript程序。

1.2 javascript可以做什么

在用户机器上运行的程序称为客户端（client-side）程序，在服务器上运行的程序（包括后面要讨论的CGI）称为服务器端（server-side）程序。

使网页更具交互性，给站点的用户提供更好、更令人兴奋的体验。JavaScript使你可以创建活跃的用户界面，当用户在页面间导航时向他们提供反馈。

可以使用 JavaScript来确保用户以表单形式输入有效的信息，这可以节省你的业务时间和开支。

使用 JavaScript，根据用户的操作可以创建自定义的 Web 页面。

JavaScript 还可以处理表单，设置 cookie，即时构建 HTML 页面以及创建基于 Web 的应用程序。

1.3 组合式语言

JavaScript 是一种面向对象（object-oriented）的语言。

可以将对象、属性和方法组合在一起，从而更好地描述对象或过程。在 JavaScript 中，这些成分由点号分隔（就像因特网地址中的那样）。这称为点号语法（dot syntax）。

1.4 DOM简介

在网页上，组成页面（或文档）的对象被组织在一个树型结构中。页面的顶级包含在标签中，在其中会找到和标签，而其他标签包含在这两个标签中，依次类推。
JavaScript 将文档树中的每一项都当做对象，可以使用 JavaScript操纵这些对象。用来表示文档中对象的标准模型就称为 DOM（Document Object Model）。

1.5 处理事件

事件(event)是用户在访问页面时执行的操作。
例如提交表单和在图像上移动鼠标就是两个事件。

JavaScript 使用称为事件处理程序（event handler）的命令来处理事件。用户在页面上的操作会触发脚本中的事件处理程序。

常用的事件处理程序：

事件程序	处理的事件
onabort	用户终止了页面的加载
onblur	用户离开了对象
onchange	用户修改了对象，onchange 事件会在域的内容改变时发生。
onclick	用户单击了对象
onerror	脚本遇到一个错误
onfoucs	用户激活了对象
onload	对象完成了加载
onunload	用户离开了页面
onmouseover	鼠标指针移动到对象上
onmouseout	鼠标指针离开了对象
onselect	用户选择了对象的内容
onsubmit	用户提交了表单

1.6 值和变量

javascript的类型

类型	描述	示例
数字	任何数字值	3.141592654
字符串	引号中字符	"hello world！"
布尔值(Boolean)	true或false	true
空值(null)	空且无含义
object	与对象相关联的任何值
函数	函数返回的值

变量(variable)是用来保存值的。

提示

javascript是区分大小写的
变量名不能包含空格或其他标点符号，也不能以数字开头。它们还不能是 JavaScript 保留字

1.6.1 操作符

操作符（operator）是用来操作变量的符号。

+ - * / % ++ --

1.6.2 赋值和比较

在将一个值放进变量中时，就是将这个值赋给这个变量，这个任务要使用赋值操作符来完成。

赋值操作符

= += -= *= /= %=

比较操作符

== === != !== > >= < <= 

说明
== 仅判断值是否相等
=== 判断值和类型是否完全相等

1.7 编写对javascript友好的html

CSS 是一种用于Web的标准布局语言，可以控制版面、颜色以及元素和图像的大小和位置。HTML文档应该利用外部样式表来定义文档中使用的样式。JavaScript也应该放在外部文档中，这个文档应该只包含 JavaScript 代码。

按照这种方式进行分离，站点将包含以下 3 种文本文件。
 HTML：包含页面的内容和结构。
 CSS：控制页面的外观和表现。
 JavaScript：控制页面的行为。