BOM -- browser object model

操作浏览器窗口

一、 innerWidth / innerHeight
获取浏览器可视区的宽高(不包含开发者工具区域)

window.innerWidth + 'px'
window.innerHeight + 'px'

二、 outerWidth / outerHeight
获取浏览器软件界面的宽高

window.outerWidth + 'px'
window.outerHeight + 'px'

三、 screenTop / screenLeft
获取浏览器窗口的坐标

window.screenTop + 'px'
window.screenLeft + 'px'
// 或者
window.screenY + 'px'
window.screenX + 'px'

四、打开窗口 – window.open()

/*
	window.open(
	    url : (网页的链接),         ---- 'http://www.baidu.com'
	    target : (在哪一个窗口打开), ---- '_self'
	    arr : (窗口新特性)          ---- 部分浏览器不支持
	);

*/
document.onclick = function () {
	window.open(
	    'http://www.baidu.com',
	    '_blank',
	    'height = 500, width = 500, top = 30, left = 30, resizable = yes'
	);
}

五、关闭窗口 – window.close()

document.onclick = function () {
	window.close(); // 关闭当前页面的窗口
}