- Javascript：
- ECMAscriptBOMDOM
- 事件
功能：控制html文档的内容代码：获取页面标签(元素)对象Element
document.getElementById(“id值”);通过元素的id获取元素对象 操作Element对象：
- 修改属性值：
明确获取的对象是哪一个查看API文档，找其中有哪些属性可以设置 修改标签体内容：
属性：innerHTML
- 获取元素对象使用innerHTML属性修改标签体内容
功能：某些组件被执行被执行了某些操作后，触发某些代码的执行。如何绑定事件：
- 直接在html标签上，指定事件的属性（操作），属性值就是js代码
- 事件：onclick—单击事件
Title
案例–电灯开关
BOM
- 概念：浏览器对象模型（Browser Object Model (BOM)
将浏览器的各个组成部分封装成对象 组成：
Window 对象：窗口对象Navigator 对象：浏览器对象Screen 对象：显示器对象History 对象：历史记录对象Location 对象：地址栏对象
Window 对象：窗口对象
Title
Location 对象：地址栏对象
Title
History：历史记录对象
1. 创建(获取)：
1. window.history
2. history
2. 方法：
* back() 加载 history 列表中的前一个 URL。
* forward() 加载 history 列表中的下一个 URL。
* go(参数) 加载 history 列表中的某个具体页面。
* 参数：
* 正数：前进几个历史记录
* 负数：后退几个历史记录
3. 属性：
* length 返回当前窗口历史列表中的 URL 数量。
案例2–轮播图
轮播图
案例3–自动跳转
自动跳转
5秒之后，自动跳转到首页……
DOM
概念：当网页被加载时，浏览器会创建页面的文档对象模型（document Object Model）
将标记语言文档的各个组成部分，封装为对象。可以使用这些对象，对标记语言文档进行CRUD的动态操作 W3C DOM 标准被分为 3 个不同的部分：
Core(核心) DOM - 所有文档类型的标准模型
document：文档对象Element：元素对象Attribute：属性对象Text：文本对象Comment：注释对象Node：节点对象，其他5个的父对象 XML DOM - XML 文档的标准模型HTML DOM - HTML 文档的标准模型 核心DOM模型：
- document：文档对象
Title
div1
div2
div3
div4
div5