BOM

Posted 2020-08-05

BOM（浏览器对象模型）：
BOM提供的对象用于访问浏览器的功能，从而帮助实现与浏览器的交互。
BOM主要对象：
1.window对象：它表示浏览器的一个实例。同时它也是es中的global对象，所以所有在全局作用域中声明的属性和方法都会成为window对象的属性和方法。但是定义全局变量和直接再window对象上定义变量还是有所差别的。全局变量不能通过delete操作符删除。而直接定义再window对象上的变量可以通过delete删除。
window对象下的主要方法.
open方法。window.open方法有四个参数。1.要加载的url 2.窗口目标（如果传了这个参数，表示会在该名称的窗口或者框架中打开指定页面） 3.一个特性字符串（新窗口的显示特性比如fullscreen，height，width等） 4.一个boolean，表示是否在当前标签页打开新页面。
setTimeout方法： 该方法有两个参数。要执行的代码以及执行代码前需要等待的毫秒数。（不代表要执行的代码会在等待时间之后立即执行，而是说在等待时间到达后将这些代码加入到js任务队列中）该方法会返回一个id作为唯一标识符，可以通过这个标识符取消它。
eg var id = setTimeout （function （）{alert（"hello"）}， 1000)
clearTimeout(id)
setInterval方法： 间歇调用与延时调用相似，取消方法为clearInterval。在平时的coding中要尽量使用延时调用来代替间歇调用，原因是后一个间歇调用可能会在前一个间歇调用结束之前启动。
2.location对象：window.location.href完成页面跳转。window.location.reload重载当前页面
window.location.hash 改变url中的hash
window.location.hostname 改变不带端口号的服务器名称
window.location.search 改变url的查询字符串
window.location.pathname 改变url中的目录
window.location.port 改变url中的访问端口

3.navigator对象 ： 用于识别客户端浏览器的事件标准。暂时未使用过。。

4.screen对象： 暂时未使用过。。
screen.availWidth 窗口可以使用的屏幕的宽度。
screen.availHeight 窗口可以使用的屏幕的高度。
screen.width 屏幕的宽度