JavaScript基础系列8---BOM操作

一、BOM概述

BOM: Browser Object Model 浏览器对象模型

1.1 什么是BOM

浏览器对象模型(BOM)是JavaScript的组成之一,他提供了独立与内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。

ECMAScript是 JavaScript的核心,但如果要在 Web中使用 JavaScript,那么 BOM(浏览器对象模
型)则无疑才是真正的核心。BOM 提供了很多对象,用于访问浏览器的功能,这些功能与任
何网页内容无关。

1.2 BOM的作用

将相关的元素组织包装起来,提供给程序设计人员使用,从而降低开发人员的工作量,提供设计Web页面的能力.BOM是一个分层结构。

二、BOM核心—window对象

2.1 window对象

BOM 的核心对象是 window ,它表示浏览器的一个实例。在浏览器中, window 对象有双重角色,
它既是通过 JavaScript 访问浏览器窗口的一个接口,又是 ECMAScript 规定的 Global 对象。

通过window可以操作整个浏览器。

BOM图谱:

  • JavaScript基础系列8---BOM操作_第1张图片

window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。

2.1.1 全局作用域

​ 由于 window 对象同时扮演着 ECMAScript中 Global 对象的角色,因此所有在全局作用域中声明
的变量、函数都会变成 window 对象的属性和方法

注意:有三种获取全局变量的方式。

 

2.3 history对象(了解)

History 对象包含用户(在浏览器窗口中)访问过的 URL。

History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。

2.3.1 常用属性

属性 描述
length 返回浏览器历史列表中的 URL 数量。

2.3.2 常用方法

方法 描述
back() 加载 history 列表中的前一个 URL。
forward() 加载 history 列表中的下一个 URL。
go() 加载 history 列表中的某个具体页面。

2.4 navigator对象(了解)

Navigator 对象包含有关浏览器的信息。

Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。

属性 说 明
appCodeName 浏览器代码名的字符串表示
appName 官方浏览器名的字符串表示
appVersion 浏览器版本信息的字符串表示
systemLanguage 操作系统的语音
language 浏览器的主语言
onLine 是否联了因特网
cookieEnabled 如果启用cookie返回true,否则返回false
platform 浏览器所在计算机平台的字符串表示
plugins 安装在浏览器中的插件数组
userAgent 用户代理头的字符串表示

                    
                    

你可能感兴趣的:(JavaScript)