前端3——BOM

十二、BOM

BOM（Browser Object Model）浏览器对象模型，提供与浏览器交互的方法和接口。BOM的核心对象是window，表示浏览器的一个实例，window对象既是ECMAScript规定的Global对象，又是通过js访问浏览器窗口的一个接口。

1、对象

（1）navigator：浏览器信息

（2）location：浏览器定位和导航

操作url的各个部分。

assign(url)：载入新的url，记录浏览历史；replace(url)：载入新的url，不记录浏览历史；reload()：刷新当前页。

（3）history：窗口浏览器历史

（4）screen：屏幕信息

2、方法

（1）三种对话框

弹出后窗口是阻塞状态，除非点击确定、取消或关闭按钮，才继续当前线程。

alert(‘警告’); 警告框

confirm(‘确定吗’); 确定返回true，取消或关闭返回false

prompt(‘请输入’); 确定返回用户在输入框中输入的字符串，否则返回null，第二个参数可以指定文本框的默认值

    

（2）计时器

setTimeout()

setInterval()

（3）开新窗口，关闭窗口

open()：参数分别为新窗口url地址、命名、新开窗口的属性的键值对组合。

close()：父窗口下操作w.close(); 当前子窗口操作window.close();。

var w=window.open("subwin.html","subwin","width=400,height=350,status=yes,resizable=yes");
w.close();

3、事件

属性名	描述
load	文档和所有图片加载完毕，确保资源加载完毕，再操作
unload	离开当前文档，刷新浏览器或关闭当前浏览器窗口
beforeunload	和unload类似，但它提供询问用户是否确定离开的机会
resize	拖动改变浏览器窗口大小时
scroll	滚动条或鼠标滚轮滚动浏览器时