1、HTML：
（1）简介：
html 属于 xml 的一种，遵循 xml 格式：
- html是网页文件，可以通过html提供页面元素（dom元素）
- html整体结构是一个树形结构，也叫dom树（多字数）
- 学习html就是学习页面元素（dom、标签）
（2）常见元素 标签：
- ① h 标签：标题
- ② 段落标签：
- ③ 换行标签：（html中，内容中使用换行符不会让网页展示的内容换行）
- ④ 链接标签：
- ⑤ 图片：
- ⑥ 列表：
- ⑦ 表格：
- ⑧ 表单：
- ⑨ 块：
2、CSS：
（1）直接在dom元素上使用 style 属性，绑定dom元素的样式：
（2）css文件，或html < style> 标签中设置的样式：
- ① 通过标签指定样式：所有标签都使用该样式：
- ② 通过 id 指定样式：dom元素绑定唯一 id
- ③ 通过 class 指定样式：多个dom元素可以绑定相同的class
3、JavaScript
（1）变量：
JavaScript 是一个弱类型语言（变量只有在运行时，才会加载，类型可以在运行变化）
- var x ： 定义一个全局变量（动态类型）
- let x ：定义一个局部变量
（2）简单的类型：
- 数值（number）
- 字符串（可以使用单引号 / 双引号）
- boolean
- 数组 var x = new Array(); var x = [1,2,3];
- json对象：{key1:value1,key2:value2}
- undefined：未定义 var x;
- null：特殊类型，表示空， var x = null;
- function：函数对象 var x = function(){} 、 function x(){}
定义好函数以后，可以执行：x()
（3）类型的使用：
① 数组：
- 定义：let x = new Array(); x = [];
- 添加元素：x.push(元素)
- 遍历：for(let i in x) i = 数组索引
for(let e of x) e = 数组中每一个元素 e = x[i]
② json：
- 定义：let x = {};
- 添加键值对：x.键 = 值 ; x.id = 1; - - > x = {id:1}
x[‘键’] = 值 ； x[‘id’] = 1;（键可以使用变量）
- 遍历：for(let k in x){} 键 = k, 值 = x[k];
③ function：
- 定义：let x = function(){} / function x(){}
- 方法参数：可以使用以上任意类型 x = function(y){} （方法也可以作为方法参数）
- 返回值：可有可无
（4）特殊：
① console.log() // 在开发者工具控制台打印日志
② JavaScript 内置对象：
- window、document（页面初始化就有的对象，已经携带属性）
- window.location.href = “跳转的路径”; // 当前页面会跳转到指定路径
- document.getElementById(“dom元素的id”) // 获取某个dom元素
类似 jquery 框架中：$(“#某个dom元素的id”) 返回 jquery 的dom对象
- document.getElementById(“#xxx”).innerHTML = …; // dom元素标签内容修改
③ html 和 js 结合使用：（dom元素都是基于事件驱动）
常见的事件：
- onload：body标签使用，文档加载完执行事件函数
- onclick：鼠标点击事件，dom元素都有的事件
- onchange：input标签，select，改变内容时执行函数
- onfocus：获取焦点时执行 < input type=“text” οnfοcus=“函数名()”/>
- onblur：失去焦点时执行
- onsubmit：表单元素绑定提交事件 < form οnsubmit=“函数名()”>…< /form>
