# Bom
bom 全称是浏览器对象模型 ，他提供的是浏览器操作的方法
bom 组成：
* window对象  js顶层对象 全局global
* location 浏览器当前url信息
* screen 客户端屏幕信息
* navigator 浏览器本身信息
* history 记录历史信息
  
## window
* 通过js通过浏览器访问的接口
* esma 规定的global对象

```
var a=9
console.log(a) //9
console.log(window.a)
console.log(top) //top 指的是顶层对象也等于window

```
window 对象的方法有：
alert()
confirm() //弹出一个确认框
prompt() //弹出一个带输入框的弹窗
open(url,打开方式,新窗口的尺寸)
打开方式  默认新窗口打开  ，self/black
close()  关闭当前的网页


窗口的尺寸
document.documentElement.clientWidth 和document.documentElement.clientHeight ；(非严格模式)

pageWidth = document.body.clientWidth;
    pageHeight = document.body.clientHeight;（严格模式）
## location
window.location.href(url) 页search 返回？号后面的所有值。
port 返回URL中的指定的端口号，如URL中不包含端口号返回空字符串

portocol 返回页面使用的协议。 http:或https:面跳转


## navigator
navigator.platform：操作系统类型；
navigator.userAgent：浏览器设定的User-Agent字符串。 浏览器相关信息都能返回
navigator.appName：浏览器名称；
navigator.appVersion：浏览器版本；
navigator.language：浏览器设置的语言； 

## screen
存储客户端屏幕信息
属性： screen.availWidth //屏幕宽度
       screen.availHeigh //屏幕高度


## history
包含浏览器的浏览历史
history.back()   返回上一页
history.forward()  返回下一页


# 本地缓存  localstorage
localStorage.setItem(键,值) 存值
localStorage.getItem(键)  取值
localStorage.clear(); 清空
localStorage.removeItem(键);　删除