Maison >interface Web >js tutoriel >Utiliser Javascript pour implémenter les compétences adaptatives Iframe height_javascript

Utiliser Javascript pour implémenter les compétences adaptatives Iframe height_javascript

WBOY
WBOYoriginal
2016-05-16 16:24:43994parcourir

Méthode 1 :

Copier le code Le code est le suivant :

$(window.parent.document).find("#ContentIframe").load(function() {
                    var main = $(window.parent.document).find("#ContentIframe");
                    var thisheight = $(document).height();
Si (cette hauteur < 800)
Cette hauteur = 800 ;
                         main.height(thisheight);
                });

Cette façon d'écrire ne peut adapter la hauteur de l'élément inhérent que lors du chargement. Lorsque l'élément change (comme l'ajout de nombreux éléments et la hauteur change), la hauteur iframe du formulaire parent ne peut pas être modifiée dans le temps.

Méthode 2 :

Copier le code Le code est le suivant :

fonction setMainHeight() {

var main = $(window.parent.document).find("#ContentIframe");
var thisheight = $("body").height();
Si (cettehauteur < 800) { cettehauteur = 800 }
Main.hauteur(cettehauteur 50);
 
setTimeout(setMainHeight, 2000);
>

Ajoutez une minuterie pour interroger afin de déterminer le changement de hauteur de la sous-page.

Les deux éléments ci-dessus peuvent être des iframes pour obtenir une grande adaptabilité. Mes amis, n'hésitez pas à choisir en fonction des besoins de votre propre projet

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