为了账号安全,请及时绑定邮箱和手机立即绑定

【学习打卡】第10天 Location对象和Navigator对象以及screen对象

标签:
JavaScript

课程名称:JavaScript进阶篇

课程章节: 浏览器对象

主讲老师:慕课官方号

课程内容:

今天学习的内容包括: Location对象、Navigator对象screen对象
其中Location中有hashhosthostnamehrefpathnamesearchport等属性。
Navigator中有appCodeNameappNameappVersionplatformuserAgent等属性。
screen中有availHeightavailWidthcolorDepthpixelDepthheightwidth等属性。

课程收获:

Location对象用于获取或设置窗体的URL,并且可以用于解析URL
图片描述

location 对象属性包括以下内容:
图片描述

location 对象方法有以下内容:
图片描述

Navigator对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。其中对象属性有下面几种:
图片描述

图片描述

userAgent返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)。使用方法navigator.userAgent,浏览器如下图:
图片描述
图片描述

screen对象用于获取用户的屏幕信息。使用方法window.screen.属性,对象属性有以下几种:
图片描述

其中window.screen对象包含有关用户屏幕的信息。screen.height返回屏幕分辨率的高,screen.width 返回屏幕分辨率的宽。我们需要注意的是单位以像素计算的,window.screen 对象在编写时可以不使用 window 这个前缀。
我们来获取屏幕的高和宽。
图片描述

屏幕可用高和宽度我们可以通过availWidthavailHeight获取,其中screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性。我们需要注意的是不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。
图片描述

今天学习的浏览器对象的后7小结,花费了55分钟,学到了获取浏览器信息和浏览器操作系统平台和screen中窗口可以使用的屏幕宽度和高度以及Location对象中如何设置或者返回当前URL的一些信息。

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消