Verwendung von Javascript zur Implementierung von Iframe-adaptiven height_javascript-Fähigkeiten

Methode 1:

Code kopieren Der Code lautet wie folgt:

$(window.parent.document).find("#ContentIframe").load(function() {
                    var main = $(window.parent.document).find("#ContentIframe");
                    var thisheight = $(document).height();
Wenn (diese Höhe < 800)
Thisheight = 800;
                         main.height(thisheight);
                });

Diese Schreibweise kann nur die Höhe des inhärenten Elements beim Laden anpassen. Wenn sich das Element ändert (z. B. wenn viele Elemente hinzugefügt werden und sich die Höhe ändert), kann die Iframe-Höhe des übergeordneten Formulars nicht rechtzeitig geändert werden.

Methode 2:

Code kopieren Der Code lautet wie folgt:

Funktion setMainHeight() {

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

Fügen Sie einen Timer zur Umfrage hinzu, um die Höhenänderung der Unterseite zu bestimmen.

Beide der beiden oben genannten können Iframes sein, um eine hohe Anpassungsfähigkeit zu erreichen. Freunde, Sie können sie entsprechend Ihren eigenen Projektanforderungen auswählen