Web基础复习——BOM

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

BOM

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

BOM由多个对象组成,每个对象都提供了很多的方法和属性。
基本结构图
  • 其中window对象是BOM中的最顶级对象,代表浏览器打开的一整个窗口。
  • Document是Window的大儿子,这是访问HTML页面的入口,用这个入口可以使用DOM的一系列功能。

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对象信息不适用户检测浏览器版本。


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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么...
    霜天晓阅读 893评论 0 0
  • 什么是BOM BOM:Browser Object Model 浏览器对象模型BOM是JavaScript组成之一...
    ZombieBrandg阅读 679评论 0 1
  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    源大侠阅读 630评论 0 0
  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    LaBaby_阅读 228评论 0 0
  • 这两天重看了亮剑,突然觉得重新再看一点都不一样了,中国军魂,狼的精神,李云龙这鬼才让跟着他的士兵忠心耿耿,李云龙总...
    繁星天空阅读 326评论 0 0