javascript基础二 (DOM,BOM基础二)

BOM的几种方法:

1: window.open("页面的url","打开方式")

如果url为空默认打开空白页面
默认为空,新窗口打开方式
返回值:返回新打开的窗口的的window对象

2: close();

3: window.location

  window.location.search; /*url ?后面的内容*/
window.location.hash/*url #后面的内容*/

4: window.onscroll

5: window.onresize


文档宽高计算相关

1:滚动条高度:chrome以body计算 document.body.scrollTop

其他浏览器以文档计算document.documentElement.scrollTop

所以要做兼容处理

2:可视区尺寸

document.documentElement.clientHeight

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

event.clientX 相对文档的水平座标

event.clientY 相对文档的垂直座标

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标

document.documentElement.scrollTop 垂直方向滚动的值

event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量



你可能感兴趣的:(javascript基础二 (DOM,BOM基础二))