一、BOM浏览器对象模型(Browser Object Model)

window对象

在浏览器中任何时候都绕不开一个对象，就是window对象。
window对象表示的是当前的浏览器窗口，所以它也是当前页面的定义对象。在当前页面中出现的所有对象都是它下属，该对象附带的作用域就是全局作用域，我们平时定义的全局变量其实就是定义在window对象身上的属性。

window对象的方法


window对象的方法通常都是直接调用，并不需要使用：window.funcName()调用。
下面是一些常见的方法：
alert()
prompt()
confirm()
open()：打开具有指定名称的新窗口，并加载给定 URL 所指定的文档
close():关闭当前窗口，ff不兼容

navigator/location/history/screen对象

navigator

navigator对象是一个保存了浏览器信息相关的对象，其中我们使用较多的属性为：userAgent。

navigator.userAgent;// 返回浏览器的相关信息，字符串

location

location对象是浏览器提供的原生对象，提供 URL 相关的信息和操作方法。通过window.location和document.location属性，可以拿到这个对象。 location对象对应的就是浏览器中的地址栏，所以操作location对象就是在操作浏览器的地址栏。

对于location对象我们只需要掌握几个常见的操作即可：

    // 获取当前页面的地址location.href;
// 跳转链接location.href="URL";
// 刷新页面location.reload();

history

window.history属性指向 History 对象，它表示当前窗口的浏览历史。
history对象对应的就是浏览器左上角的前进/后退按钮，也就是说我们操作history对象的时候就是在操作浏览器的前进/后退按钮。

    // 相当于后退按钮history.back( );// 相当于前进按钮history.forward( );// 代表前进1页，等价于forward( )方法；history.go(1);// 代表后退1页，等价于back( )方法history.go(-1);

screen

Screen 对象表示当前窗口所在的屏幕，提供显示设备的信息。window.screen属性指向这个对象。
screen对象在页面特效的地位是非常高的，非常多的页面特效都需要screen对象来完成。 screen对象的属性：

Screen.height：浏览器窗口所在的屏幕的高度（单位像素）。除非调整显示器的分辨率，否则这个值可以看作常量，不会发生变化。显示器的分辨率与浏览器设置无关，缩放网页并不会改变分辨率。
Screen.width：浏览器窗口所在的屏幕的宽度（单位像素）。
Screen.availHeight：浏览器窗口可用的屏幕高度（单位像素）。因为部分空间可能不可用，比如系统的任务栏或者 Mac
系统屏幕底部的 Dock 区，这个属性等于height减去那些被系统组件的高度。
Screen.availWidth：浏览器窗口可用的屏幕宽度（单位像素）。

定时器

在window对象下提供了两个函数用于制作网页定时器。

定时器：定时触发，定时调用。

setInterval(fn,time): 周期性的循环调用执行，类似于闹钟
setTimeout(fn,time): 定时调用一次，类似于定时炸弹
clearInterval(timer): 清理定时器
clearTimeout(timer): 清理定时器

BOM浏览器对象模型(Browser Object Model)相关推荐

BOM——浏览器对象模型(Browser Object Model)
什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...
javascript快速入门之BOM模型—浏览器对象模型(Browser Object Model)
什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...
JavaScript BOM浏览器对象模型
什么是BOM浏览器对象模型? 浏览器对象模型(Browser Object Model(BOM))允许JavaScript与浏览器对话 BOM:浏览器对象模型 //宿主对象 BOM 提供了很多对象,用 ...
BOM—浏览器对象模型（Browser Object Model）
1,javascript 组成部分: 1.ECMAscript(核心标准): 定义了基本的语法,比如:if for 数组字符串 ... 2.BOM : 浏览器对象模型(Browser ...
JavaScript（七）—— BOM 浏览器对象模型
本篇为 JavaScript 系列笔记第七篇,将陆续更新后续内容.参考:黑马程序员JavaScript核心教程,前端基础教程系列笔记: JavaScript(一)-- 初识JavaScript / ...
BOM——浏览器对象模型
BOM 浏览器对象模型 BOM 的概念 • BOM(Browser Object Model) 是指浏览器对象模型,浏览器对象模型提供了独立于内容的.可以与浏览器窗口进行互动的对象结构.BOM 由多个 ...
JS BOM浏览器对象模型
BOM浏览器对象模型 bom概述 BOM(Browser Object Model) 即浏览器对象模型,它提供了独立于内容与浏览器窗口进行交互的对象,其核心对象的window BOM由一系列相关的对象 ...
JavaScript - WebAPI - BOM浏览器对象模型
1.1-BOM与DOM介绍 JavaScript语言由三部分组成 ECMAJavaScript:定义了js的语法规范 Dom:document object model文档对象模型:一个HTML文档中 ...
Javascript的HTML BOM(浏览器对象模型)
Javascript的HTML BOM(浏览器对象模型) 一.Window 对象浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话". Browser O ...

BOM浏览器对象模型(Browser Object Model)

文章目录