浏览器中的JavaScript核心BOM(浏览器对象模型)对象Navigator和Screen的简单

2021-01-13 10:54发布

作者:Lpyexplore

链接:https://lpyexplore.blog.csdn.net/article/details/106606135

来源:CSDN
著作权归作者所有,转载请联系作者获得授权,切勿私自转载。

引言

想必大家很奇怪,为什么本文是简单了解。其实BOM虽然提供了很多对象供我们去使用,但是有些对象其实是不那么重要的,例如本文要将的两个对象——Navigator和Screen。所以大家只需要看一看,了解一下有这样的属性和用法就可以啦

  • 公众号:前端印象

  • 不定时有送书活动,记得关注~

  • 关注后回复对应文字领取:【面试题】、【前端必看电子书】、【数据结构与算法完整代码】、【前端技术交流群】

在这里插入图片描述

二、Screen对象

该对象可以获取浏览器窗口外部显示器的信息,例如像素宽度和高度之类的。那因为每个浏览器的Screen对象都有他们各自支持和不支持的属性,那我在这里就列举所有浏览器的支持的属性给大家,如果有想深入研究的可以去搜索更多的属性,以及他们的版本支持

属性描述
availHeight屏幕的像素高度减系统部件的高度之后的值(只读)
availWidth屏幕的像素宽度减系统部件的宽度之后的值(只读)
colorDepth用于表示颜色的位数(只读)
height屏幕的像素高度
width屏幕的像素宽度

这里讲解一下 availHeight 和 height 的区别,前者是不把系统的任务栏的高度算在内的;后者是屏幕的高度。

这个就是系统的任务栏

结束语

好了,这两个简单的对象就了解到这里。虽然这两个对象很简单,但是还希望大家将一些别的核心的对象给了解透彻。我也写过其他对象的文章,比如window对象 、 location对象 、history对象,大家可以去翻阅我的文章。