【学习打卡】第10天 Location对象和Navigator对象以及screen对象
课程名称:JavaScript进阶篇
课程章节: 浏览器对象
主讲老师:慕课官方号
课程内容:
今天学习的内容包括: Location
对象、Navigator对象
、screen对象
。
其中Location
中有hash
、host
、hostname
、href
、pathname
、search
、port
等属性。Navigator
中有appCodeName
、appName
、appVersion
、platform
、userAgent
等属性。screen
中有availHeight
、availWidth
、colorDepth
、pixelDepth
、height
、width
等属性。
课程收获:
Location
对象用于获取或设置窗体的URL
,并且可以用于解析URL
。
location 对象属性包括以下内容:
location
对象方法有以下内容:
Navigator
对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。其中对象属性有下面几种:
userAgent
返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)。使用方法navigator.userAgent
,浏览器如下图:
screen
对象用于获取用户的屏幕信息。使用方法window.screen.属性
,对象属性有以下几种:
其中window.screen
对象包含有关用户屏幕的信息。screen.height
返回屏幕分辨率的高,screen.width
返回屏幕分辨率的宽。我们需要注意的是单位以像素计算的,window.screen
对象在编写时可以不使用 window
这个前缀。
我们来获取屏幕的高和宽。
屏幕可用高和宽度我们可以通过availWidth
和availHeight
获取,其中screen.availWidth
属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。screen.availHeight
属性返回访问者屏幕的高度,以像素计,减去界面特性。我们需要注意的是不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。
今天学习的浏览器对象的后7小结,花费了55分钟,学到了获取浏览器信息和浏览器操作系统平台和screen
中窗口可以使用的屏幕宽度和高度以及Location
对象中如何设置或者返回当前URL
的一些信息。
共同学习,写下你的评论
评论加载中...
作者其他优质文章