document.body.clientHeight 和 document.documentElement.clientHeight的區別

1.在設計頁面時可能經常會用到固定層的位置,這就需要獲取一些html對象的座標以更靈活的設置目標層的座標,這裏可能就會用到document.body.scrollTop等屬性,但是此屬性在xhtml標準網頁或者更簡單的說是帶<!DOCTYPE ..>標籤的頁面裏得到的結果是0,如果不要此標籤則一切正常,那麼在xhtml頁面怎麼獲得body的座標呢,當然有辦法-使用document.documentElement來取代document.body,可以這樣寫
例:
var top = document.documentElement.scrollTop || document.body.scrollTop;
在javascript裏||是個好東西,除了能用在if等條件判斷裏,還能用在變量賦值上。那麼上例等同於下例。
例:
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
這麼寫可以得到很好的兼容性。

相反,如果不做聲明的話,document.documentElement.scrollTop反而會顯示爲0。

2.

bodyHeight 高度的語句是 var bodyHeight = document.documentElement.clientHeight;

document.body.clientWidth ==> BODY對象寬度
 document.body.clientHeight ==> BODY對象高度
 document.documentElement.clientWidth ==> 可見區域寬度
 document.documentElement.clientHeight ==> 可見區域高度

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章