Web基础复习——BOM

2019-04-01  本文已影响0人  哈尼橘橘

写在前面:
这一部分的内容本应该在JS里的,但我觉得还是应该在写完DOM之后,再把它拿出来简单写一下会更好一些,所以就单独拎出来了。

BOM

Browser Object Model,浏览器对象模型。描述对象之间的层次关系,使JS可以与浏览器进行互动。

BOM由多个对象组成,每个对象都提供了很多的方法和属性。 基本结构图

Screen常用属性

screen.availWidth:返回可用的屏幕宽度;
screen.availHeight:返回可用的屏幕高度;
screen.width:返回总宽度;
screen.height:返回总高度;
screen.colorDepth:返回色彩深度;
screen.pixelDepth:返回色彩分辨率。

Location

属性:
location.herf:返回完整的URL;
location.host:返回主机名及当前URL端口号;
location.hash:返回锚/从#开始的URL;
location.port:返回当前URL的端口号;
location.protocol:返回当前URL使用的协议
location.hostname:返回当前URL的主机名;
location.pathname:返回当前URL的路径部分;
location.search:返回查询部分/从?开始的URL。
方法:
location.assign():加载新的文档;
location.reload():重新加载当前文档;
location.replace():替换当前文档;

History常用方法

history.back():加载浏览器历史列表中的前一个URL;
history.forward():加载浏览器历史列表中的下一个URL;
history.go():可以用来加载浏览器历史列表中的某个具体页面。

Navigator

navigator.appCodeName:返回浏览器代号;
navigator.appName:返回浏览器名称;
navigator.appVersion:返回浏览器版本;
navigator.cookieEnabled:返回浏览器是否启用Cookie;
navigator.platform:返回硬件平台;
navigator.userAgent:返回用户代理;
navigator.systemLanguage:返回用户代理语言。

navigator对象信息不适用户检测浏览器版本。


胖橘有话说:
基础部分的整理就是大概的过一遍,不是说都要去记,常见的还是得了解一下的。在实际中需要用到,然后不清楚不知道的,再去度娘就行。

上一篇 下一篇

猜你喜欢

热点阅读