javascript BOM相关操作

一.窗口位置

1.获取窗口位置

screenLeft、screenTop

　　IE、Safari、Opera、Chrome

screenX、screenY

　　Firefox、Safari、Chrome

兼容写法:

var leftPos=(typeof window.screenLeft == "number")?
                window.screenLeft:window.screenX;

var topPos=(typeof window.screenTop == "number")?
                window.screenTop:window.screenY;

 

2.修改窗口位置

moveTo(x,y)

　　接收新位置的坐标值

window.moveTo(200,200)
alert(window.screenLeft+':'+window.screenTop)    //200:200

window.moveTo(150,260)
alert(window.screenLeft+':'+window.screenTop)    //150:260

 

moveBy(x,y)

　　在浏览器当前位置的基础上进行移动

alert(window.screenLeft+':'+window.screenTop)    //0:0

window.moveBy(100,100)
alert(window.screenLeft+':'+window.screenTop)    //100:100

window.moveBy(150,20)
alert(window.screenLeft+':'+window.screenTop)    //250:120

除了ie，这两个方法在其他浏览器中默认就是禁用的。

open出来的窗口可以使用

二.窗口大小

1.获取窗口尺寸

outerWidth、outerHeight

2.获取视口尺寸

innerWidth、innerHeight

区别:outerWidth获取浏览器本身宽度，不受任何因素影响

　　 innerWidth获取浏览器可用宽度，窗口缩放、控制台等改变窗口可用宽度的方法都能改变innerWidth的值

3.修改窗口尺寸

window.resizeTo(x,y)

　　修改窗口到指定值

window.resizeBy(x,y)

　　在原有尺寸的基础上进行修改

除了ie，这两个方法在其他浏览器中默认就是禁用的。

open出来的窗口可以使用