BOM(浏览器对象模型)操作

opener=window.open(页面的url，打开方式)

opener.document.body.style.background="red";//把打开的页面背景颜色变成红色，涉及跨域问题

//方法打开一个新的页面，如果打开url为空则打开一个空白页面，如果打开方式为空则默认打开方式

window.close()// 火狐不兼容，关闭当前页面

window.navigator.userAgent//获取浏览器信息

window.location                         //浏览器地址信息 是一个对象，该对象下面有以下几个属性

window.location.href                  //当前页面链接

window.location.search:url?=1

alert(window.location.search);

window.location.hash:url#后面的内容

 

文档宽高和窗口事件

窗口尺寸大小

可视区的尺寸//没有什么兼容问题

document.documentElement.clientWidth

document.documentElement.clientHeight

滚动距离

document.documentElement.scrollTop;

document.documentElement.scrollLeft;

document.body.scrollTop;//chrome

document.body.scrollLeft;

//兼容文档滚动的滚动距离

var scrollTop=document.documentElment.scrollTop ||document.body.scrollTop;

//内容的尺寸

scrollHeight//比offsetHeight多了边框的高度

//文档的尺寸

document.documentElement.offsetWidth;

document.body.offsetHeight;

BOM下的两个事件

onscroll//当滚动时触发，以时间间隔来算

onresize//当窗口尺寸发生变化的时候触发