offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等屬性圖示

注釋1：上圖整個大背景是這個網頁的全部尺寸，中間的小框才是瀏覽器中的可見尺寸。這幅圖就是針對為文檔（document）的各個height、width、top、left所做的說明。

注釋2：第二幅圖主要是針對網頁中一個div的各個屬性值所做的說明。“DIV element client area”是這個div元素的可見區域，“scroll area”是這個div內容原始尺寸，但是由于div的css所設置的高度寬度容不下它的內容，所以出現滾動條。

下面還有張更混亂的，在網上流傳比較廣：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表