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

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