首頁 > web前端 > js教程 > 主體

ff chrome與ie下全域動態定位的異同及全域高度的取法_javascript技巧

WBOY
發布: 2016-05-16 16:42:39
原創
1098 人瀏覽過

DTD已聲明

IE
document.documentElement.scrollHeight 瀏覽器所有內容高度 ,document.body.scrollHeight 瀏覽器所有內容高度
document.documentElement.scrollTop 瀏覽器滾動部分高度,document.body.scrollTop 總是0
document.documentElement.clientHeight 瀏覽器可視部分高度,document.body.clientHeight 瀏覽器所有內容高度

FF
document.documentElement.scrollHeight 瀏覽器所有內容高度 ,document.body.scrollHeight 瀏覽器所有內容高度
document.documentElement.scrollTop 瀏覽器滾動部分高度,document.body.scrollTop 總是0
document.documentElement.clientHeight 瀏覽器可視部分高度,document.body.clientHeight 瀏覽器所有內容高度

Chrome
document.documentElement.scrollHeight 瀏覽器所有內容高度, document.body.scrollHeight 瀏覽器所有內容高度
document.documentElement.scrollTop 總是0,document.body.scrollTop 瀏覽器滾動部分高度
document.documentElement.clientHeight 瀏覽器可視部分高度,document.body.clientHeight 瀏覽器所有內容高度

DTD未聲明

IE
document.documentElement.scrollHeight 瀏覽器可視部分高度,document.body.scrollHeight 瀏覽器所有內容高度
document.documentElement.scrollTop 總是0,document.body.scrollTop 瀏覽器滾動部分高度
document.documentElement.clientHeight 永遠為0,document.body.clientHeight 瀏覽器可視部分高度

FF
document.documentElement.scrollHeight 瀏覽器可視部分高度, document.body.scrollHeight 瀏覽器所有內容高度
document.documentElement.scrollTop 總是0,document.body.scrollTop 瀏覽器滾動部分高度
document.documentElement.clientHeight 瀏覽器所有內容高度,document.body.clientHeight 瀏覽器可視部分高度

Chrome
document.documentElement.scrollHeight 瀏覽器可視部分高度,document.body.scrollHeight 瀏覽器所有內容高度
document.documentElement.scrollTop 總是0,document.body.scrollTop 瀏覽器滾動部分高度
document.documentElement.clientHeight 瀏覽器所有內容高度,document.body.clientHeight 瀏覽器可視部分高度

瀏覽器所有內容高度即瀏覽器整個框架的高度,包括滾動條捲去部分 可視部分 底部隱藏部分的高度總和

瀏覽器滾動部分高度即滾動條捲去部分高度即可視頂端距離整個物件頂端的高度。

DTD聲明,指的是瀏覽器頁面載入時候的聲明:...>

聲明文檔類型html

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!