2024年Web前端最全WebApi入门第九章（BOM浏览器对象模型），2024年最新2024Web前端岗面试题知识点小结

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

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

• 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什么版本等）

下一章：WebApi入门第八章（模拟百度搜索框）

最后

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

给大家分享一些关于HTML的面试题。

题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

给大家分享一些关于HTML的面试题。

[外链图片转存中…(img-DG9Bfx4e-1715387327325)]
[外链图片转存中…(img-iabM755l-1715387327327)]