javascript的Bom方法

BOM : Browser Object Model 浏览器对象模型

window.open(页面的地址url，打开的方式) 方法 打开一个新的窗口(页面)
如果 url 为空，则默认打开一个空白页面
如果打开方式为空，默认为新窗口方式打开
返回值：返回新打开的窗口的 window 对象

window.close() 方法 关闭窗口
/*
1. ff : 无法关闭
2. chrome : 直接关闭
3. ie : 询问用户
*/
opener = window.open(); //返回值 返回的新开页面的window对象
opener.close(); // 可以关闭在本窗口中通过js方法打开的新窗口

window属性
window.navigator.userAgent -> 浏览器信息

if ( window.navigator.userAgent.indexOf(‘MSIE’) != -1 ) {
alert(‘我是ie’);
} else {
alert(‘我不是ie’);
}
window.location : 浏览器地址信息
window.location.href : url
window.location.search : url?后面的内容
window.location.hash : url#后面的内容

可视区尺寸
document.documentElement.clientWidth
document.documentElement.clientHeight
滚动距离
document.body.scrollTop / scrollLeft
document.documentElement.scrollTop / scrollLeft
内容高度
document.body.scrollHeight
文档高度
document.documentElement.offsetHeight
document.body.offsetHeight

网页可见区域宽：document.body.clientWidth;
网页可见区域高：document.body.clientHeight;
网页可见区域宽（包括边线的宽）：document.body.offsetWidth
网页可见区域高（包括边线的高）：document.body.offsetHeight
网页正文全文宽：document.body.scrollWidth;
网页正文全文高：document.body.scrollHeight;
网页被卷去的高：document.body.scrollTop;
网页被卷去的左：document.body.scrollLeft;
网页正文部分上：window.screenTop;
网页正文部分左：window.screenLeft;
屏幕分辨率的高：window.screen.height;
屏幕分辨率的宽：window.screen.width;
屏幕可用工作区高度：window.screen.availHeight;
屏幕可用工作区宽度：window.screen.availWidth;

两个事件
onresize
onscroll

上图转载自：https://blog.csdn.net/xiebaochun/article/details/38382169