瀏覽器/元素尺寸相關的屬性
瀏覽器/元素尺寸相關的屬性
// 返回瀏覽器可視區域的距離，不包含滾動條不可見部分的區域
document.documentElement.clientWidth
document.documentElement.clientHeight
// 返回瀏覽器頁面中所有內容區域的距離，包含滾動條暫時不可見的區域。
document.body.clientWidth
document.body.clientHeight
// 返回瀏覽器滾動條捲去的距離
document.documentElement.scrollTop
document.documentElement.scrollLeft
// Node.offsetWidth/offsetHeight 返回元素內容區+內填充區+外邊框區一共所佔的位置
document.getElementById("div1").offsetWidth
document.getElementById("div1").offsetHeight
相關文章
- 常用的瀏覽器私有屬性瀏覽器
- JavaScript獲取瀏覽器、元素、螢幕的寬高尺寸JavaScript瀏覽器
- Element屬性方法的瀏覽器相容性概覽瀏覽器
- 瀏覽器相關機制瀏覽器
- 瀏覽器相關問題瀏覽器
- css新增屬性,讓瀏覽器檢查無法選中元素CSS瀏覽器
- 元素 offset client scroll 相關屬性簡介client
- javascript獲取網頁和螢幕尺寸相關屬性JavaScript網頁
- 區分瀏覽器視口的尺寸瀏覽器
- js獲取瀏覽器視窗屬性JS瀏覽器
- background相關屬性
- js相容所有瀏覽器的pageX和pageY屬性JS瀏覽器
- javascript相容火狐等各瀏覽器的innerText屬性程式碼JavaScript瀏覽器
- 相容各個瀏覽器的scrolltop屬性簡單介紹瀏覽器
- Android 相關屬性Android
- javascript基礎（樣式的操作，瀏覽器相容樣式操作，其他的樣式相關屬性，滾動的樣式）（三十）JavaScript瀏覽器
- css3瀏覽器私有屬性字首使用詳解CSSS3瀏覽器
- 各種瀏覽器全屏模式的方法、屬性和事件介紹瀏覽器模式事件
- CSS瀏覽器相容性的4個解決方案：瀏覽器CSS樣式初始化、瀏覽器私有屬性，CSS hack語法和自動化外掛CSS瀏覽器
- 瀏覽器相容性瀏覽器
- Activity啟動相關屬性
- CSS display屬性的表格佈局相關屬性的解釋CSS
- 讓IE低版本瀏覽器也支援placeholder屬性瀏覽器
- Js位置與大小（1）——正確理解和運用與尺寸大小相關的DOM屬性JS
- css的表格處理相關屬性CSS
- box-sizing的相關屬性
- js獲取瀏覽器相關資訊簡單介紹JS瀏覽器
- javascript獲取瀏覽器視窗尺寸程式碼片段JavaScript瀏覽器
- 瀏覽器中的JavaScript核心BOM（瀏覽器物件模型）重點掌握物件之Location物件的屬性與方法瀏覽器JavaScript物件模型
- 關於瀏覽器相容瀏覽器
- 火狐瀏覽器input設定disabled屬性之後事件不生效瀏覽器事件
- 各個瀏覽器對CSS標準各屬性支援的情況列表瀏覽器CSS
- 相容IE瀏覽器的判斷img圖片尺寸的程式碼瀏覽器
- 將推出自家瀏覽器？Google已註冊相關域名瀏覽器Go
- css樣式相關的驚豔的屬性CSS
- js獲取瀏覽器視窗尺寸程式碼例項JS瀏覽器
- javascript獲取瀏覽器視口尺寸程式碼例項JavaScript瀏覽器
- script元素屬性