大家好，欢迎来到IT知识分享网。
大家好！我是微风洋洋
芜湖，起飞🚀
昨天有个小老弟问我，BOM是什么？是不是物料清单？
他说他在一本书上看过， 我都惊呆了，BOM不是balabala嘛。我查了一下，物料清单的确是叫BOM (Bill of Material)，看来隔行如隔山，闹了一个笑话。这不借着这个机会给大家复习/预习一波BOM。下次有人问你BOM是什么，就告诉他BOM就是balabala,不接受任何反驳。
文章目录
- 一、什么是BOM对象
- 二、location对象
-
- 🍅更改URL
- 🍅获取URL参数
- 🍅【案例】定时跳转
- 三、history对象
- 四、navigator对象
- 五、screen对象
=========================================================================
BOM：Brower Object Model，指的是浏览器对象模型。
作用：操作浏览器窗口及窗口上的控件，实现用户和页面的动态交互。
浏览器对象：浏览器提供的一系列内置对象的统称。
BOM浏览器对象模型：各内置对象之间按照某种层次组织起来的模型的统称。
- document（文档对象）：也称为DOM对象，是HTML页面当前窗体的内容，同时也是JavaScript重要组成部分之一。
- history（历史对象）：主要用于记录浏览器的访问历史记录，也就是浏览网页的前进与后退功能。
- location（地址栏对象）：用于获取当前浏览器中URL地址栏内的相关数据。
- navigator（浏览器对象）：用于获取浏览器的相关数据，例如浏览器的名称、版本等，也称为浏览器的嗅探器。
- screen（屏幕对象）：可获取与屏幕相关的数据，例如屏幕的分辨率等。
📌注意
BOM没有一个明确的规范，所以浏览器提供商会按照各自的想法随意去扩展BOM。而各浏览器间共有的对象就成为了事实上的标准。不过在利用BOM实现具体功能时要根据实际的开发情况考虑浏览器之间的兼容问题，否则会出现不可预料的情况。
===========================================================================
URL：Uniform Resource Locator，统一资源定位符。
在Internet上访问的每一个网页文件，都有一个访问标记符，用于唯一标识它的访问位置，以便浏览器可以访问到，这个访问标记符称为URL。
由于80是Web服务器的默认端口号，因此可以省略URL中的“:80”
即：http://www.example.com/web/index.html?a=3&b=4#res
location对象提供的用于改变URL地址的方法，所有主流的浏览器都支持。
reload()方法的唯一参数，是一个布尔类型值，将其设置为true时，它会绕过缓存，从服务器上重新下载该文档，类似于浏览器中的刷新页面按钮。
举个例子👇
效果
代码实现💡
Web开发中，经常通过URL地址传递的参数执行指定的操作，如商品的搜索，排序等。此时，可以利用location对象提供的search属性返回URL地址中的参数。
获取URL的指定部分：location.属性名。
设置URL的指定部分：location.属性名 = 值。
代码实现思路：
① 编写定时跳转的HTML页面。
② 获取指定的秒数，并减1写入页面。
③ 当秒数大于0时，利用setTimeout()循环倒计时。
④当秒数小于等于0时，利用location.href跳转到指定的URL地址中。
代码实现💡
<!doctype html>
Example Domain
This domain is for use in illustrative examples in documents. You may use this
domain in literature without prior coordination or asking for permission.
More information…
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）
总结一下这三次面试下来我的经验是：
- 一定不要死记硬背，要理解原理，否则面试官一深入就会露馅！
- 代码能力一定要注重，尤其是很多原理性的代码（之前两次让我写过Node中间件，Promise.all，双向绑定原理，被虐的怀疑人生）！
- 尽量从面试官的问题中表现自己知识的深度与广度，让面试官发现你的闪光点！
- 多刷面经！
我把所有遇到的面试题都做了一个整理，并且阅读了很多大牛的博客之后写了解析，免费分享给大家，算是一个感恩回馈吧，有需要的朋友【点击我】即可获取。祝大家早日拿到自己心怡的工作！
篇幅有限，仅展示部分内容
度，让面试官发现你的闪光点！
- 多刷面经！
我把所有遇到的面试题都做了一个整理，并且阅读了很多大牛的博客之后写了解析，免费分享给大家，算是一个感恩回馈吧，有需要的朋友【点击我】即可获取。祝大家早日拿到自己心怡的工作！
篇幅有限，仅展示部分内容
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/150013.html
