WebApi入门第九章（BOM浏览器对象模型）(1)

• screen：获取用户电脑的屏幕分辨率

2.window对象

---

• 1.window对象：指的是当前浏览器窗口，它是JS中的顶级对象

• (1).所有的全局变量（var声明的）都是window对象的属性：最顶级的对象

• document对象

• bom对象

• 全局的方法：alert(),setInterval()…

• (2).只要是window的属性和方法，在使用的时候都可以省略window

• 例如：window.alert() 可以省略window写成alert()

• 例如：window.document 可以省略window写成document

• (3).window对象有一个特殊属性叫做name

• 它永远都是一个字符串，无论给他赋什么值

• 2.window对象有两个常用的方法：open()与close()

• open():打开一个窗口

• close():关闭一个窗口

3.window对象三个事件

---

window对象有三个事件，记录了浏览器窗口从打开到关闭的三个过程

• 1.window.onload:界面上所有的内容加载完毕之后才触发这个事件

• 2.window.onbeforeunload:界面在关闭之前会触发这个事件

• 3.window.onunload:界面在关闭的那一瞬间会触发这个事件

• 点击某个离开页面的链接

• 在地址栏中键入了新的 URL

• 使用前进或后退按钮

• 关闭浏览器窗口

• 重新加载页面

4.location对象

---

• 1.location对象：包含当前页面的URL信息

• url：统一资源定位符

• url = 协议名（http） + ip地址（域名） + 端口号 + 资源路径

• 2.location对象有三个常用的方法

• （1）打开新网页：location.assign(‘你要打开的新网页的url’)

• （2）替换当前网页：location.replace(‘要替换的网页url’)

• (3) 刷新当前网页: location.reload()

5.history对象

---

history对象主要用于记录当前窗口的历史记录

• 主要作用就是前进和后退网页（相当于浏览器的左上角前进后退按钮功能）

• history.forward():前进

• history.back():后退

6.navigator对象

---

navigator对象：包含当前浏览器的信息

• 应用场景：用户信息统计（统计我这个网站平台的用户群体分布，什么浏览器，windows什么版本等）

文末

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。