讀取網頁中涉及到的高度

TerryCai 發布于2019-08-19 17:18 / 1851人閱讀

摘要：目前已經總結的有將來準備看的有有關控制滾動的該屬性是一個只讀屬性，返回一個代表像素高度的整數值，高度包括元素高度內邊距和邊框。

目前已經總結的有

offsetHeight
offsetTop
clientHeight
clientTop
scrollHeight
scrollTop
innerHeight
outerHeight

將來準備看的有

有關控制滾動的

Element.offsetHeight

該屬性是一個只讀屬性，返回一個代表像素高度的整數值，高度包括元素高度、內邊距和邊框。

如果該元素底部有水平滾動條的話，滾動條的高度也是被計算在內的（滾動條高度是從元素高度中減除的）

忽略任何應用在該元素或其祖先元素的transform屬性帶來的變化

Element.clientHeight

該屬性是一個只讀屬性，返回一個代表像素高度的整數值，高度包括元素高度、內邊距。

如果該元素底部有水平滾動條的話，滾動條的高度是不被計算在內的

如果調用元素為inline元素，返回0

Element.scrollHeight

該屬性是一個只讀屬性，返回該元素實際的上內邊距、下內邊距和內容高度之和

window.innerHeight

該屬性為只讀屬性，返回瀏覽器窗口視口高度，如果存在水平滾動條，也包括在內

window.outerHeight

該屬性為只讀屬性，返回整個瀏覽器的高度

Element.offsetTop

該屬性是一個只讀屬性，返回返回當前元素相對于其 offsetParent 元素內邊距頂部的距離

如果其offsetParent元素為null，則為到根元素外邊框頂部的距離

如果將offsetParent元素為body，則為到body元素外邊框頂部的距離

以下是和offsetTop屬性密切相關的offsetParent屬性：

Element.offsetParent

該屬性是一個只讀屬性，返回最近的一個包含調用元素的已定位元素(即position屬性不為static)，如果沒有定位元素，則為根元素或者table、th及td元素。

如果調用元素為html、body，返回null

如果調用元素的position屬性為fixed，返回null（webkit內核瀏覽器、IE7+）

如果調用元素的display屬性none，返回null（webkit內核瀏覽器、Firefox）

Element.clientTop

該屬性是一個只讀屬性，通常情況下會返回border-top-width，但是如果有滾動條出現在上邊框頂部和上內邊距頂部之間，也應該加上滾動條的高度

Element.scrollHeight

該屬性是一個可讀/寫的屬性，讀模式下返回元素目前距自身容器頂部（包括padding）的距離

GPU云服務器云服務器 asp 讀取網頁 js讀取網頁數據 html讀取網頁文本 java讀取網頁文件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78399.html

關于CSS和JS中用到的各種Height和Width的問題

摘要：如果塊級元素沒有設置高度，則返回實際高度。如果有水平滾動條，還要減去水平滾動條的高度。一般來說，大于整張網頁的總高度可以從或上讀取。有關坐標的屬性返回鼠標事件觸發時鼠標相對于元素視口的坐標。自己記不住,列一下關于CSS和JS中用到的各類有關Height和Width屬性的介紹對比. 所屬類別屬性名意義其他瀏覽器模型 Screen.height 瀏覽器窗口所在的屏幕的高度（單位像素） ...

shiina 2019-04-23 13:08 評論0 收藏0
Android的WebView的使用及JS調用

摘要：不使用緩存，只從網絡獲取數據，只要本地有，無論是否過期，或者，都使用緩存中的數據。這個方法，就是界面的加載開始，可以在這里設置一個加載的引導動畫，使得客戶體驗更好在頁面加載結束時調用。銷毀，關閉了時，音樂或視頻，還在播放。如果本文幫助到你，本人不勝榮幸，如果浪費了你的時間，本人深感抱歉，希望能對您所有幫助！隨著H5的應用越來越潮流，與原生交互必然也是一種趨勢，然后自己從中學點皮毛...

weapon 2019-08-21 11:34 評論0 收藏0
用Vue開發仿旅游站webapp項目總結（上）

摘要：寫著寫著發現會寫不少內容全部寫在一篇文章里感覺太多了不方便看，所以分為上下篇吧下篇寫完啦，感興趣的朋友可以繼續關注開發仿旅游站項目總結下溫馨提示此文章，僅是做完項目后的個人覺得可以總結下來的操作思路，接觸不久的朋友應該會有收獲。寫著寫著發現會寫不少內容... 全部寫在一篇文章里感覺太多了不方便看，所以分為上下篇吧...下篇寫完啦，感興趣的朋友可以繼續關注 => Vue開發仿旅游站we...

church 2019-08-23 13:11 評論0 收藏0
用Vue開發仿旅游站webapp項目總結（上）

摘要：寫著寫著發現會寫不少內容全部寫在一篇文章里感覺太多了不方便看，所以分為上下篇吧下篇寫完啦，感興趣的朋友可以繼續關注開發仿旅游站項目總結下溫馨提示此文章，僅是做完項目后的個人覺得可以總結下來的操作思路，接觸不久的朋友應該會有收獲。寫著寫著發現會寫不少內容... 全部寫在一篇文章里感覺太多了不方便看，所以分為上下篇吧...下篇寫完啦，感興趣的朋友可以繼續關注 => Vue開發仿旅游站we...

masturbator 2019-08-29 17:16 評論0 收藏0