recherche

Maison  >  Article  >  interface Web  >  Exemple d'introduction à la différence entre la hauteur innerHeight externalHeight dans jQuery_jquery

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

WBOY
WBOYoriginal
2016-05-16 16:44:28924parcourir

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.
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：JS implémente des compétences simples effect_javascript de la couche de fermeture du timing supérieurArticle suivant：JS implémente des compétences simples effect_javascript de la couche de fermeture du timing supérieur

Articles Liés

Voir plus