JavaScript之確定頁面中元素大小

2021-08-04 18:05:39 字數 994 閱讀 4399

1. 偏移量

偏移量包括元素在螢幕上占用的所有可見空間。元素的可見大小由其高度、寬度決定,包括所有內邊距、滾動條和邊框大小(注意:不包括外邊距)。

offsetwidth:元素在水平方向上占用的空間

offsetheight:元素在垂直方向上占用的空間

offsettop:元素的上外邊框至包含元素的上內邊框之間的畫素距離

offsetleft:元素的左外邊框至包含元素的左內邊框之間的畫素距離

一般來說,頁面中的所有元素都會被包含在幾個元素中,這些元素的offsetparent就是元素。

2. 客戶區大小

客戶區大小指定是元素內容及其內邊距所佔據的空間大小。不包含滾動條的大小。

clientwidth: 元素內容區寬度加上左右內邊距寬度。

clientheight:元素內容區高度加上上下內邊距高度。

可以用以下**確定瀏覽器視口的大小:

function getviewport() ;

} else ;}}

3. 滾動大小

滾動大小指包含滾動內容的元素的大小。

scrollwidth: 在沒有滾動條的情況下,元素內容的總寬度

scrollheight:在沒有滾動條的情況下,元素內容的總高度

scrolltop:被隱藏內容在區域上方的畫素數,通過設定這個屬性可以改變元素的滾動高度

scrollleft:被隱藏內容在區域左側的畫素數,通過設定這個屬性可以改變元素的水平方向顯示的位置

Javascript頁面寬度高度

關於獲取各種瀏覽器可見視窗大小的一點點研究 在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.b...

javascript頁面傳參方法

方法一 1 pagea.html 中的事件為 window.open pageb.html 或者href pageb.html 其中name code等就是要傳遞的值。是為便於取多個值而加的分隔符,用 等符號也行,下面會在用到的時候說明其作用 不加也行 3 使用 window.location.se...

JavaScript之prototype斷鏈理解

最近在論壇看到一篇帖子關於prototype斷鏈的,原文如下 var sound function person person.prototype sound 早點綁上去 var fo1o new person var person.prototype 遲了綁上去 yyyy yyyy alert f...