DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> ff chrome和ie下全局動態定位的異同及全局高度的取法
ff chrome和ie下全局動態定位的異同及全局高度的取法
編輯:關於JavaScript     

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聲明,指的是浏覽器頁面載入時候的聲明:<!DOCTYPE html public ""....>

聲明文檔類型html

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved