Exemple d'introduction à la différence entre la hauteur innerHeight externalHeight dans jQuery_jquery

Sous les navigateurs standards :

height : height

innerHeight : height + padding
outerHeight : height + padding + border, lorsque le paramètre est vrai : height + padding + border + margin

Code HTML :

Copier le code Le code est le suivant :

< div class ="largeur : 150 px ; hauteur : 20 px ; flottant : gauche ; bordure : 2 px rouge uni ; marge : 10 px ; marge : 10 px ; remplissage : 10px ;" id="test">jjjjj

Code js :

Copier le code Le code est le suivant :

alert($(" #test").height());
alert($("#test").innerHeight());
alert($("#test").outerHeight()); ;
alerte ($("#test").outerHeight(true));

Résultats :
Résultats en ie : 17px, 37px, 41px, 61px
Résultats en ff : 20px, 40px, 44px, 64px

code html :

Copier le code Le code est le suivant :

jjjj< ;/div>

code js :

Copier le code Le code est tel suit :

alerte($("#test").height());
alerte($("#test").innerHeight()); ("#test"). externalHeight());
alert($("#test").outerHeight(true));
[html]
Résultats :
Résultats en ie : 17px , 37px, 41px, 61px
Résultat en ff : 41px, 61px, 65px, 85px

code html :
[code]

jjjjj

code js :

Copier le code Le code est le suivant :

alert($("#test"). height());

alerte($("#test").innerHeight());
alerte($("#test").outerHeight()); test").outerHeight( true));


Résultat :
Résultat en ie : 18px, 38px, 42px, 62px

Résultat en ff : 42px, 62px, 66px, 86px

Code html :

Copier le code Le code est le suivant : < ;div class=" largeur : 150 px ; hauteur : 60 px ; flotteur : gauche ; bordure : 2 px rouge uni ; marge : 10 px ; marge : 10 px ; remplissage : 10 px ;" >

Code js :

Copier le code

Le code est le suivant : alerte($("#test ").height()); alerte($("#test").innerHeight());

alerte($("#test").outerHeight()); );

alert($ ("#test").outerHeight(true));


Résultats :
Résultats en ie : 36px, 56px, 60px, 80px
Résultats en ff : 60px , 80px, 84px, 104px

Conclusion : Dans IE, la hauteur inclut la bordure et le remplissage et la valeur minimale de la hauteur est de 17 px. De la même manière, la largeur peut être obtenue, mais sa valeur minimale est. 15px.