offsetLeft, offsetTop

當前元素到定位父級的距離（偏移值）

到當前元素的offsetParent的距離

如果沒有定位父級:默認是body

尺寸

style.width : 樣式寬

clientWidth : 可視區(qū)寬

offsetWidth : 占位寬

元素.getAttribute(屬性名稱); 方法 獲取指定元素定的屬性

BOM

window對象屬性

window.innerHeight屬性

window.innerWidth屬性

這兩個屬性返回網(wǎng)頁的CSS布局占據(jù)的瀏覽器窗口的高度和寬度，單位為像素。當用戶放大網(wǎng)頁的時候（比如將網(wǎng)頁從100%的大小放大為200%），這兩個屬性會變小。

注意，這兩個屬性值包括滾動條的高度和寬度。

scrollX、scrollY

只讀

alert(window.scrollX)：滾動條橫向偏移

alert(window.scrollY)：滾動條縱向偏移

返回的是滾動了的距離，這兩個值隨著滾動位置變化而變化

scrollTo、scrollBy、

通過方法scrollTo方法改變滾動條位置到指定坐標

（運動到指定位置）

window.scrollTo(0, 300); // 滾動條移動到300px處

兩個參數(shù)（x,y）

scrollBy可以相對當前位置移動滾動條，而不是移動到絕對位置

window.scrollBy(0, 100); // 滾動條下移100px

window.navigator導(dǎo)航，顯示瀏覽器信息

window.navigator.userAgent

window.open(url)

打開一個新窗口, 參數(shù)是新窗口需要載入的url地址######window.open(http://www.baidu.com/)

如果不傳參數(shù)，則打開的是空白窗口window.open();

window事件

onscroll ：滾動觸發(fā)

onresize：改變窗口大小觸發(fā)

事件冒泡

事件冒泡 : 當一個元素接收到事件的時候，會把他接收到的所有傳播給他的父級，一直到頂層window

取消冒泡：傳入任意一個參數(shù)event，然后event.stopPropagation()

事件對象

event.clientX

event.clientY

指的是鼠標點擊的點到相對窗口的坐標