JS three families

One 、js The three families include

js The three families include offset,client,scroll.

Two 、 Introduction to the three families

1.offsetWidth\offsetHeight=width\heigt+padding+border

2.clientWidth\clientHeight=width\height+padding

3.scrollWitdh\scrollHeight=width\height( The height of the page content \ Width ),

Ingenious notes ：offset Represents itself , therefore ,offset It should be as wide and high as we usually say （content-box）,client It includes the height of the content and the inner margin

3、 ... and 、 Usage method

The use methods of the three families can be used directly , for example ： Elements .clentTop