2016.12.7 JS

offsetLeft, offsetTop

当前元素到定位父级的距离（偏移值）

到当前元素的offsetParent的距离

如果没有定位父级:默认是body

尺寸

style.width : 样式宽

clientWidth : 可视区宽

offsetWidth : 占位宽

元素.getAttribute(属性名称); 方法 获取指定元素定的属性

BOM

window对象属性

window.innerHeight属性

window.innerWidth属性

这两个属性返回网页的CSS布局占据的浏览器窗口的高度和宽度，单位为像素。当用户放大网页的时候（比如将网页从100%的大小放大为200%），这两个属性会变小。

注意，这两个属性值包括滚动条的高度和宽度。

scrollX、scrollY

只读

alert(window.scrollX)：滚动条横向偏移

alert(window.scrollY)：滚动条纵向偏移

返回的是滚动了的距离，这两个值随着滚动位置变化而变化

scrollTo、scrollBy、

通过方法scrollTo方法改变滚动条位置到指定坐标

（运动到指定位置）

window.scrollTo(0, 300); // 滚动条移动到300px处

两个参数（x,y）

scrollBy可以相对当前位置移动滚动条，而不是移动到绝对位置

window.scrollBy(0, 100); // 滚动条下移100px

window.navigator导航，显示浏览器信息

window.navigator.userAgent

window.open(url)

打开一个新窗口, 参数是新窗口需要载入的url地址######window.open(http://www.baidu.com/)

如果不传参数，则打开的是空白窗口window.open();

window事件

onscroll ：滚动触发

onresize：改变窗口大小触发

事件冒泡

事件冒泡 : 当一个元素接收到事件的时候，会把他接收到的所有传播给他的父级，一直到顶层window

取消冒泡：传入任意一个参数event，然后event.stopPropagation()

事件对象

event.clientX

event.clientY

指的是鼠标点击的点到相对窗口的坐标