1. 面向对象编程

（1） 原型对象
javascript、Java、c#。。。。面向对象；javascript有些区别，在JavaScript需要大家换一下思维方式！

• 类: 模板 原型对象
• 对象: 具体的实例
  
  

（2）class 继承
class关键字，是在ES6引入的

• 定义一个类，属性，方法
  
• 继承
  本质：查看对象原型
  
  
• 原型链__ proto __:
  

2. 操作BOM对象（重点）

JavaScript 诞生就是为了能够让他在浏览器中运行

BOM : 浏览器对象模型 使JavaScript有能力与浏览器“对话”

• IE 6~11
• Chrome
• Safari
• FireFox

三方

• QQ浏览器
• 360浏览器

（1）window
window 代表 浏览器窗口

（2）navigator （不建议使用）
navigator 封装了浏览器的信息

大多数时候，我们不会使用navigator 对象，因为会被人修改
（3）screen
代表屏幕的尺寸

（4）location
代表当前页面的URL信息
window.location.href 返回当前页面的 href (URL)
window.location.hostname 返回 web 主机的域名
window.location.pathname 返回当前页面的路径或文件名
window.location.protocol 返回使用的 web 协议（http: 或 https:）
window.location.assign 加载新文档

（5）document （内容； DOM）
document 代表当前的页面， HTML DOM文档树

• 获取具体的文档树节点
  
  
  - 获取 cookie
  document.cookie
  Cookie 是在您的计算机上存储在小的文本文件中的数据。
  当 web 服务器向浏览器发送网页后，连接被关闭，服务器会忘记用户的一切。Cookie 是为了解决“如何记住用户信息”而发明的：①当用户访问网页时，他的名字可以存储在 cookie 中。②下次用户访问该页面时，cookie 会“记住”他的名字。
  （6）history （不建议使用）
  history 代表浏览器的历史记录
  history.back() //后退
  history.forward() //前进

3. 操作DOM对象（重点）

• HTML DOM（文档对象模型）
  当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）
  HTML DOM 模型被结构化为对象树：
  对象的 HTML DOM 树
  
  ①更新：更新Dom节点
  ②遍历dom节点：得到Dom节点
  ③删除：删除一个Dom节点
  ④添加：添加一个新的节点
  要操作一个Dom节点，就必须要先获取这个Dom节点
  （1）获取dom节点
  
  
  这是原生代码，之后我们尽量都是用jQuery()

（2）更新节点

• 操作文本
  id1.innerText=‘456’ 修改文本的值id1.innerHTML=‘123’ 可以解析HTML文本标签
• 操作css
  id1.style.color = ‘yellow’; // 属性使用 字符串 包裹
  id1.style.fontSize=‘20px’; // - 转 驼峰命名问题
  id1.style.padding = ‘2em’
  （3）删除节点
  删除节点的步骤： 先获取父节点，再通过父节点删除自己
  
  
  注意： 删除多个节点的时候，children 是在时刻变化的，删除节点的时候一定要注意!
  （4）插入节点
  获得了某个Dom节点，假设这个dom节点是空的，我们通过 innerHTML 就可以增加一个元素了，但是这个DOM 节点已经存在元素了，就不能这么干了，会产生覆盖，这时可使用 追加的方式
  
  

（5）创建一个新的标签，实现插入

执行JavaScript之前

执行JavaScript之后

• insertBefore
  要包含的节点.insertBefore(newNode,targetNode)
  
  

4. 操作表单（验证）

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证，表单的目的：提交信息
表单数据经常需要使用 JavaScript 来验证其正确性：

• 验证表单数据是否为空
• 验证输入是否是一个正确的email地址
• 验证日期是否输入正确
• 验证表单输入内容是否为数字型

具体的控件有：

• 文本框 text
• 下拉框 < select >
• 单选框 radio
• 多选框 checkbox
• 隐藏域 hidden
• 密码框 password
  …….
  （1）获取要提交的信息
  
  
  （2）提交表单 md5 加密密码，表单优化
  
  

5. jQuery

jQuery库，里面存在大量的Javascript函数
（1）获取jQuery
公式 ：$(选择器).事件(事件函数)


（2）选择器

（3）事件
页面对不同访问者的响应叫做事件

• DOM中常见事件:
  
  举例
  
  
  （4）操作DOM
• 节点文本操作
  
• css的操作
  
• 元素的显示和隐藏： 本质 display ： none；
  
• 娱乐测试