BOM概述

#博学谷IT学习技术支持#

目录

#博学谷IT学习技术支持#

 1.Window对象

1.1获取window对象

1.2 window对象属性

1.3 window对象函数

2 History对象

3 Location对象

3.1获取Location对象

3.2 Location对象属性

 

---

BOM：Browser Object Model 浏览器对象模型。也就是 JavaScript 将浏览器的各个组成部分封装为对象。

我们要操作浏览器的各个组成部分就可以通过操作 BOM 中的对象来实现。比如：我现在想将浏览器地址栏的地址改为 https://www.itheima.com 就可以通过使用 BOM 中定义的 Location 对象的 href 属性，代码： location.href = "https://itheima.com";

BOM 中包含了如下对象：

• Window：浏览器窗口对象

• Navigator：浏览器对象

• Screen：屏幕对象

• History：历史记录对象

• Location：地址栏对象

 1.Window对象

window 对象是 JavaScript 对浏览器的窗口进行封装的对象。

1.1获取window对象

显式使用 window 对象调用

window.alert("abc");

隐式调用

alert("abc");

1.2 window对象属性

1.3 window对象函数

2 History对象

History 对象是 JavaScript 对历史记录进行封装的对象。

• History 对象的获取

  使用 window.history获取，其中window. 可以省略

• History 对象的函数

3 Location对象

Location 对象是 JavaScript 对地址栏封装的对象。可以通过操作该对象，跳转到任意页面。

3.1获取Location对象

使用 window.location获取，其中window. 可以省略

window.location.方法();
location.方法();

3.2 Location对象属性

alert("要跳转了");
location.href = "https://www.baidu.com";

 在浏览器首先会弹框显示 要跳转了，当我们点击了 确定 就会跳转到 百度 的首页。