JavaScript--BOM

 

javascript 的组成部分

- DOM (document object model) 文档对象模型

- BOM (browers object model) 浏览器对象模型

- ECMAScript js 的核心

BOM 下五大对象

### window 对象

- innerWidth/innerHeight   可视区的宽度/高度

- open 方法

window.open(URL,target,specs,replace)  

  - URL 新窗口地址

  - target 属性 新窗口打开方式

    - _blank  新窗口打开

    - _self     当前窗口打开

  - specs 新窗口规格

    - width=pixels  窗口的宽度，最小值为100

    - height=pixels 窗口的高度，最小值为100

    - location=yes|no|1|0 是否显示地址字段，默认值是yes

    - menubar=yes|no|1|0  是否显示菜单栏，默认值是yes

    - resizable=yes|no|1|0  是否可调整窗口大小，默认值是yes

    - scrollbars=yes|no|1|0 是否显示滚动条，默认值是yes

    - status=yes|no|1|0 是否要添加一个状态栏，默认值是yes

    - titlebar=yes|no|1|0 是否显示标题栏被忽略，除非调用HTML应用程序或一个值得信赖的对话框，默认值是yes

    - toolbar=yes|no|1|0  是否显示浏览器工具栏，默认值是yes

- close 方法关闭窗口

- scroll 事件

- resize 事件

- 操作滚动条位置

  - window.scrollX、window.scrollY、window.scrollTo()

  - document.documentElment.scrollTop、document.documentElment.scrollLeft

- window 下的各类弹窗

  - alert()

  - confirm('message')

  - prompt([msg],[defaultText])

### location 对象

- hostname

- port 

- protocol 

- href 

- hash

  - hashChange

- search

- reload()

- replace()

### history 对象

- back()、

- forward()

- go()

- state

- pushState()

- popstate 

  - history 路由实现原理

### navigator 对象

- userAgent

- appName

  - appVersion

### screen 对象

  width 、height