1、简介
JavaScript简称JS，是可插入HTML文档的编程代码，JS代码由浏览器执行。
可参考博客：了解JS引入的相关内容。 JS可以通过不同的方式来输出数据：- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
2、JS变量
变量是用于存储信息的"容器"。JS变量最好以字母开头，并且区分大小写。变量可以保存数字、字符、数组、对象等类型的数据。
JS变量 本节介绍JS变量
3、JS函数
函数的定义有三种方法，下面介绍其中的两种，另外一种不建议使用。其格式分别为：
4、JS事件
JS事件是可以被浏览器侦测到的行为。通常在事件触发时，可以执行一些代码。格式为：
//注意需要使用双引号或单引号
下面列举了两个JS事件的例子，一个为onmouseover，另一个为onclick。
事件 鼠标滑过查看详情！
//使用this可以修改元素自身的内容
常见的HTML事件:
| 事件 | 描述 |
|---|---|
| onchange | HTML 元素改变 |
| onclick | 用户点击 HTML 元素 |
| onmouseover | 用户在一个HTML元素上移动鼠标 |
| onmouseout | 用户从一个HTML元素上移开鼠标 |
| onkeydown | 用户按下键盘按键 |
| onload | 浏览器已完成页面的加载 |
JS的事件处理方式较为繁琐，jQuery 是为事件处理特别设计的，为此对于事件处理方面的工作可以使用jQuery，请参考：
5、JS流程控制
- If...else 语句
// 语法为：if (condition) { 当条件为 true 时执行的代码 } else { 当条件不为 true 时执行的代码 } - for 循环
// 语法为：for (statement1; statement2; statement3) { 被执行的代码块 } 其中，statement1为在循环开始之前设置变量(如：var i=0)，statement2为循环结束的条件（），statement3为继续循环前变量的改变方式(如：i++)。
- for/in 循环 for/in循环可以用来遍历数组或对象的元素。
// 示例：var p1={fname:"John",lname:"Doe"}; var p2=['A','B','C'];for (x in p1) { txt=txt + p1[x]; } - while循环 略。 还有一些其他的流程控制语句这里就不详述。
6、JS对象
对象只是一种特殊的数据，对象拥有属性和方法。JS是面向对象的语言，但它不使用类。可以使用以下三种方式创建对象：
- 方式1：先创建空对象再添加属性
- 方式2：类似字典格式的创建
- 方式3：使用对象构造器
7、DOM对象
DOM (Document Object Model) 译为文档对象模型，DOM以树形结构表达HTML文档。通过DOM对象，JS可以创建动态HTTML：
- 查找HTML元素
- 改变HTML元素
- 改变HTML属性
- 改变CSS样式
- 对事件做出反应 参考：