JavaScript系列--BOM

• 1.3代码

• 1.4操作Element对象

• 1.5事件

• • 1.5.1概念

• 1.5.2如何绑定事件

• 1.5.3综合实例

• 二、BOM对象

• • 2.1概念

• 2.2组成

• • 2.2.1window :窗口对象
• • （1）实例

• （2）轮播图实例和小bug

• 2.2.2Navigator 浏览器对象

• 2.2.3screen 显示器屏幕对象

• 2.2.4History 历史记录对象

• • （1）创建(获取)

• （2）方法

• （3）属性

• （4）实例

• 2.2.5Location 地址栏对象

• • （1）创建

• （2）方法

• （3）自动跳转实例

一、概述

===================================================================

​ JS由一下几个部分组成，学习BOM要先了解一下事件DOM的基础知识

ECMAScript：脚本语言的基本语法和一些常用对象

​ BOM：

​ DOM：

​ 1.事件

1.1DOM

---

文档对象模型

1.2功能

---

控制html文档内容

1.3代码

---

获取页面标签（元素）对象 Element

​ document.getElementById(“id值”)：通过元素的id

1.4操作Element对象

---

​ 1.修改属性值

​ 明确获取的对象是哪一个

​ 查看API文档，找其中有哪些属型可以设置

​ 2.修改标签体内容：

​ 属型：innerHTML

妻不知刘强东

1.5事件

---

1.5.1概念

​ 某些组件被执行了某些操作后，触发某些代码的执行

​ 造句：XXX被XXX，我就XXX

​ 我方水晶被摧毁后，我就责备对象

1.5.2如何绑定事件

​ 直接在html标签上

1.5.3综合实例

实现图片点一次切换一次

二、BOM对象

======================================================================

2.1概念

---

Browser object Model 浏览器对象模型

将浏览器的各个组成部分封装成对象。

2.2组成

---

2.2.1window :窗口对象

（1）实例

（2）轮播图实例和小bug