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

浏览器中内置对象Navigator和对象Screen的简单了解

引言

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

正文

一、Navigator对象

Navigator对象主要是用来帮助我们获取浏览器的一些信息的,例如浏览器的名称 、浏览器编译版本 、浏览器的语言 、浏览器使用的插件信息…… 并且该对象被所有支持javascript语言的浏览器支持,每个浏览器中的navigator对象都有一套自己的属性,所以我们就来列举一些大多数浏览器都通用的Navigator对象的属性吧

属性 描述
appName 完整的浏览器名称
appVersion 浏览器的版本
userAgent 浏览器的用户代理字符串
platform 浏览器所在的系统平台
cookieEnabled 表示cookie是否被启用
plugins 浏览器中所安装的插件信息数组

这里我就直接放上图给大家看,大家也可以自己用浏览器去进行尝试

在这里插入图片描述

二、Screen对象

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

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

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

这个就是系统的任务栏
在这里插入图片描述

结束语

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

猜你喜欢

转载自blog.csdn.net/l_ppp/article/details/106606135