這四種瀏覽器分別為IE(Internet Explorer)、NS(Netscape)、Opera、FF(FireFox)。
clientHeight
大家對 clientHeight 都沒有什麼異議,都認為是內容可視區域的高度,也就是說頁面瀏覽器中可以看到內容的這個區域的高度,一般是最後一個工具條以下到狀態欄以上的這個區域,與頁面內容無關。
offsetHeight
IE、Opera 認為 offsetHeight = clientHeight + 滾動條 + 框線。
NS、FF 認為 offsetHeight 是網頁內容實際高度,可以小於 clientHeight。
scrollHeight
IE、Opera 認為 scrollHeight 是網頁內容實際高度,可以小於 clientHeight。
NS、FF 認為 scrollHeight 是網頁內容高度,不過最小值是 clientHeight。
簡單地說
clientHeight 就是透過瀏覽器看內容的這個區域高度。
NS、FF 認為 offsetHeight 和 scrollHeight 都是網頁內容高度,只不過當網頁內容高度小於等於 clientHeight 時,scrollHeight 的值是 clientHeight,而 offsetHeight 可以小於 clientHeight。
IE、Opera 認為 offsetHeight 是可視區域 clientHeight 滾動條加框線。scrollHeight 則是網頁內容實際高度。
同理
clientWidth、offsetWidth 和 scrollWidth 的解釋與上面相同,只是把高度換成寬度即可。
說明
以上基於 DTD HTML 4.01 Transitional,如果是 DTD XHTML 1.0 Transitional 則意義又會不同,在 XHTML 中這三個值都是同一個值,都表示內容的實際高度。新版本的瀏覽器大多支持根據頁面指定的 DOCTYPE 來啟用不同的解釋器。下載或瀏覽測試檔案。
關係公式:scrollHeight = offsetHeight+ scrollTop
相關詞條
-
offsetHeight
tHeight。 tHeight。 tHeight。
-
CSS+DIV網頁樣式與布局從入門到精通
基本信息書名:《CSS+DIV網頁樣式與布局從入門到精通》叢書名:清華社“視頻大講堂”大系網路開發視頻大講堂作者:喻浩出版社:清...
基本信息 編輯推薦 內容簡介 本書特色 圖書目錄 -
span
。offsetHeight獲取對象相對於版面或由父坐標...
Html標籤 全局屬性 事件屬性 -
A元素
。offsetHeight 獲取對象相對於版面或由父坐標 offsetParent...
元素簡介 標籤屬性/屬性 行為 集合 事件 -
span[交換機的連線埠鏡像技術]
交換連線埠分析器簡介SPAN,全稱為Switched Port Analyzer,直譯為交換連線埠分析器。是一種交換機的連線埠鏡像技術...
交換連線埠分析器 商標品牌 乳化劑 Html標籤 全局屬性 -
span[Html標籤]
。offsetHeight獲取對象相對於版面或由父坐標...
Html標籤 全局屬性 事件屬性