Maison > interface Web > js tutoriel > le corps du texte

jQuery implémente simplement la méthode d'adaptation de la hauteur de l'iframe en fonction du contenu de la page

高洛峰
Libérer: 2016-12-27 15:35:23
original
1243 Les gens l'ont consulté

L'exemple de cet article décrit comment jQuery implémente simplement l'adaptation de la hauteur de l'iframe en fonction du contenu de la page. Partagez-le avec tout le monde pour référence, comme suit :

Méthode 1 :

//注意:下面的代码是放在和iframe同一个页面中调用
$("#iframeId").load(function () {
    var mainheight = $(this).contents().find("body").height() + 30;
    $(this).height(mainheight);
});
Copier après la connexion

Méthode 2 :

//注意:下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#iframeId").load(function () {
    var main = $(window.parent.document).find("#iframeId");
    var thisheight = $(document).height() + 30;
    main.height(thisheight);
});
Copier après la connexion

J'espère que cet article sera utile à tout le monde dans la programmation jQuery aidé.

Pour plus de méthodes basées sur jQuery permettant d'implémenter simplement l'adaptation de la hauteur de l'iframe en fonction du contenu de la page, veuillez faire attention au site Web PHP chinois !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal