预习BOM

大体分类

1、window对象

BOM核心对象是window，代表浏览器实例！
window有双重意思。1：是指JS访问浏览器窗口的接口。2：是ECMAScript规定的Global对象。
2、frames

如果页面上包含多个框架，则每个框架都有自己的window对象，并且保存在frames集合中
可以通过window.frames[0] 或者 frames[0] 去访问
也可以通过frame标签的 name属性来访问 window.frames[“one”] 或者 frames[“one”]
3、窗口位置

因为opra和chrom支持的属性不一样所以要做一下判断
在IE、Opra中，screenLeft和screenTop中保存的是从屏幕左边和上边到浏览器左上角的距离px
在Chrome、Firefox、Safari中screenX或者screenLeft, screenY或者screenTop保存的是浏览器左上角相对于屏幕的坐标值（X,Y）
移动窗口这需要用到moveTo() 或者moveBy()函数 ***IE7以下版本是被禁止的
4、窗口大小

innerWidth innerHerght 保存的是浏览器 页面区域尺寸
outerWidth outerHeight 保存的是浏览器本身尺寸
document.documentElement.clientWidth document.documentElement.clientHeight 保存的是页面可视区域尺寸
5、导航和打开窗口

window.open()可以导航到一个指定的URL,也可以打开一个新的浏览器窗口。这个函数可能接收4个参数
URL,窗口目标，一个特性字符串，一个表示新页面是否取代浏览器历史记录中当前加载页面的布尔值
最后一个参数只在不打开新窗口的情况下使用
在只传递两个参数的情况下
window.open(“https://www.xxxx.com”,“frameName”) 等同于
<a href=“https://www.xxxx.com” target=“frameName”>
window.open()第三个参数则是传递一串字符串

6、定时器

setTimeOut() 一次性定时器
setInterval() 周期性定时器
两者都是可以接受两个参数
第一个参数是 类似于eval()的功能的参数，无论输入什么都回去执行。
第二个参数是 需要执行的时间
两者都会返回一个定时器数值ID 可以通过接收这个返回数值去控制定时器的执行

7、系统对话框

location是最有用的BOM对象之一，并且还是一个特殊的对象，既是BOM属性也是DOM属性
window.location ==>代表的就是BOM属性
document.location ==>代表的是DOM属性
但是 它们两引用的是同一个对象，所以属性key是一样的
8、location对象

虽然location对象可以访问大多数信息，但是对方问URL包含的查询字符串并不方便。尽管有location.search但是只是返回URL末尾的所有内容，没办法逐个返回，因此需要封装一个函数
9、查询字符串参数

虽然location对象可以访问大多数信息，但是对方问URL包含的查询字符串并不方便。尽管有location.search但是只是返回URL末尾的所有内容，没办法逐个返回，因此需要封装一个函数
10、位置操作

location对象可以通过很多方式改变浏览器的位置地址，通常用的以下三种方式
location.assign(url) 打开新的URL并在浏览器的历史记录中生成一条新的记录
location.href = url 该方式是最常用的
window.location = url
三种方式作用都是一样的，其实本质上都是调用了第一种方法 location.assign()
11、navigator对象

navigator对象是所有支持javascript的浏览器所共有的对象，下表列出了存在于所有浏览器中的属性和方法
navigator对象的信息通常用来检测浏览器类型，是开发中浏览器兼容必要的信息
12、插件检测

检测浏览器中是否安装了特定的插件是一种最常见的流程。可以使用plugins数组来达到这个目的（IE除外）
name:插件的名字
describtion:插件的描述
filename:插件的文件名
length:查检所处理的MIME类型数量

13、history对象

每个窗口，每个框架（frame）都有自己的history对象，它可以通过go()方法在不知道URL的情况下做出浏览器前进后退的功能
history.go() 可以传递数字也可以传递字符串

详情见：前端BOM详解_顽皮小方方的博客-CSDN博客_前端bom，可看具体代码操作更具体的了解