JavaScript BOM对象（window location navigator screen history）

最新推荐文章于 2022-03-06 21:46:08 发布

原创最新推荐文章于 2022-03-06 21:46:08 发布 · 307 阅读

CC 4.0 BY-SA版权

本文介绍了BOM浏览器对象模型的核心概念，包括window、location、navigator、screen和history对象的功能与应用。BOM提供了访问浏览器特性的接口，与网页内容无关，是前端开发的重要组成部分。

BOM 浏览器对象模型（window对象 location对象 navigator对象 screen对象 history对）
BOM提供了很多对象用于访问浏览器的功能这些功能与任何网页内容无关
BOM的核心对象是window 它表示浏览器的一个实例在浏览器中 window对象有双重角色它既是JavaScript访问浏览器的一个接口又是ECMAScript规定的global对象这意味着在网页中定义的任何一个对象、变量和函数都以window作为其global对象 parseInt()等方法
1、全局作用域 window对象
由于window对象同时扮演着ES中global对象的角色因此所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法

var age = 29;
function sayage(){
    alert(this.age);
}
alert(window.age);  //29

2、location对象
window.location和document.location引用的是同一个对象因为location既是window对象的属性也是document对象的属性
location对象保存着当前文档的信息它将URL解析为独立的片段让开发人员可以通过不同的属性访问这些片段
3、navigator对象
识别客户浏览器的事实标准
4、screen对象
浏览器窗口外部显示器的信息如像素宽度高度等
5、history对象
history对象保存着用户上网的历史记录后退一页history.go(-1); 前进一页history.go(1); 还可以用back（后退）和forward（前进）来代替go 一个是前进的意思一个是后退的意思
history还有一个length属性保存着历史记录的数量 history.length == 0可以检测当前页面是不是历史记录中的第一个页面