BOM对象

BOM对象

window:
1. 代替ES标准中的Global，充当全局对象
2. 封装了浏览器软件以及窗口的信息

打开窗口: window.open(“url”,“name”)
其中: name属性是内存中窗口的名称
在打开窗口时，才赋值
name的默认值:
_blank - URL加载到一个新的窗口。这是默认
_parent - URL加载到父框架
_self - URL替换当前页面
_top - URL替换任何可加载的框架集
name - 窗口名称
规定: 相同name属性的窗口只能打开一个
后打开的会替代先打开的
window.location.href：和a标签类似，是路由跳转.
self.location.href="/url" 当前页面打开URL页面
location.href="/url" 当前页面打开URL页面
windows.location.href="/url" 当前页面打开URL页面，前面三个用法相同。
this.location.href="/url" 当前页面打开URL页面
parent.location.href="/url" 在父页面打开新页面
top.location.href="/url" 在顶层页面打开新页面

打开链接:
1. 替换当前窗口内容,可以后退
html:<a href=“url” [target="_self"]>
js:window.open(“url”,"_self");
2. 替换当前窗口内容，禁止后退
js:location.replace(“url”)
3. 在新窗口打开，可重复打开多个
html:
js:window.open(“url”/,"_blank"/);
4. 在新窗口打开，只能打开一个
html:
js:window.open(“url”,“自定义name属性”)

窗口大小和窗口位置:
窗口大小:
完整窗口大小: window.outerHeight/outerWidth
文档显示区大小: window.innerHeight/innerWidth
调整窗口大小:
1. 在打开窗口时:
var config=“top=?,left=?,height=?,width=?”;
window.open(“url”,“name”,“config”)
2. 在窗口打开后，调整大小:
window.resizeTo(宽,高)
window.resizeBy(宽的增量,高的增量)
窗口定位:
窗口左上角相对于屏幕左上角的坐标:
top： window.screenTop|screenY
left: window.screenLeft|screenX
移动窗口位置:
window.moveTo(x,y): 将窗口左上角移动到x，y的位置
window.moveBy(x的增量，y的增量)

屏幕的宽和高:
1. 完整分辨率的宽高: screen.width/height
2. 去掉任务栏后的可用宽高: screen.availWidth/availHeight
在事件发生时，获得鼠标位置:
e.screenX/screenY