scrollwidth
是物件的實際內容的寬，不包邊線寬度，會隨物件中內容的多少改變（內容多了可能會改變物件的實際寬度）。
clientwidth
是物件可見的寬度，不包滾動條等邊線，會隨視窗的顯示大小改變。
offsetwidth
是物件的可見寬度，包滾動條等邊線，會隨視窗的顯示大小改變。
乙個scrollwidth和clientwidth的例子：
在文字框內輸入內容，當橫向滾動條沒出來前scrollwidth和clientwidth的值是一樣的。當一行內容超出文字框的寬度，就有橫向滾動條出來了，scrollwidth的值就變了。
scrollwidth是物件實際內容的寬度。
clientwidth是物件看到的寬度（不含邊線），這個例子裡不會改變。
乙個clientwidth和offsetwidth的例子：
offsetwidth的值總是比clientwidth的值大。
clientwidth是物件看到的寬度（不含邊線）
offsetwidth是物件看到的寬度（含邊線，如滾動條的占用的寬）
瀏覽器寬高 滾動條獲取
瀏覽器視窗的大小 var h window.innerheight 可視視窗的高度 不包括及工作列 var w window.innerwidth 可視視窗的寬度 var w1 document.documentelement.clientwidth 可視視窗的寬度 不包括滾動條及工作列 var h...
獲取滾動條的寬度
做了乙個全屏的輪播圖，在設計師那發現問題，banner獲取的寬度是瀏覽器的寬度，在瀏覽器不是全屏的情況下開啟再放大瀏覽器，banner不能全屏顯示。問題其實很簡單，把獲取瀏覽器的寬度改為獲取螢幕寬度就可以了，但瀏覽器的滾動條會佔據一定的寬度，所以需要獲取瀏覽器的滾動條寬度，然後減去這部分寬度，就是b...
js獲取滾動條位置
獲取座標 ie event.x event.y 獲取滾動條位置 document.body.scrolltop 滾動條離頁面最上方的距離 document.body.scrollleft 滾動條離頁面最左方的距離 當我用js獲取當前垂直或者水平方向滾動條位置的時候，使用 document.body....