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浏览器信息(!important)
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列表中的某个具体页面