JavaScriptBOM浏览器对象模型

BOM简介

BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的,可以与浏览器窗口进行互动的对象结构,BOM由多个对象构成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。

BOM对象

window对象

window是根对象,screen、navigator、location、history都属于window,只不过我们使用这些方法的时候可以省略前面的window。

window.close();关闭浏览器窗口

window.open();打开一个新的浏览器窗口或查找一个已命名的窗口

window.innerWidth;浏览器可视区的宽度(在IE8及以下有兼容问题)

window.innerHeight;浏览器可视区的高度(在IE8及以下有兼容问题)

screen对象

screen对象包含有关客户端显示屏幕的信息。

screen.width;显示器的宽

screen.height;显示器的高

screen.availWidth;浏览器的屏幕可用的宽度

screen.availHeight;浏览器的屏幕可用的高度

navigator.appCodeName;浏览器的代码名

navigator.appVersion;浏览器的版本信息

navigator.platform;浏览器的操作系统和(或)硬件平台

navigator.userAgent;浏览器用于HTTP请求的用户代理头的值

location路径信息

location.host;返回主机名及端口

location.name;返回主机名

location.hash;锚 指#及其后面的值,只有一个值

location.href;完整的链接(URL)

location.pathname;当前URL的路径部分

location.port;端口号

location.protocol;当前URL的协议

location.search;问号(?)开始的URL(查询部分),到#为止

location.assign();加载新文档

location.reload();重新加载当前页面

location.replace();用新文档替换当前文档

history历史记录

history.length;返回浏览器历史列表中的URL数量

history.back();加载history列表中的前一个URL

history.forward();加载history列表中的下一个URL

history.go();加载history列表中的某个具体页面