Verwenden Sie jQuery, um das Problem der adaptiven Iframe-Höhe zu lösen, ohne die Browser-Höhe_jquery zu beurteilen

Hier sind zwei supereinfache Methoden. Sie müssen nichts schreiben, um die Browserhöhe und -breite zu bestimmen.

Wählen Sie einfach eine der beiden folgenden Methoden. Einer wird auf derselben Seite wie der Iframe platziert, der andere auf der Seite test.html.

Achten Sie darauf, es nicht an der falschen Stelle zu platzieren.
Achten Sie darauf, die ID in den Iframe-Code zu schreiben. Wenn keine ID vorhanden ist, kann sie nicht gefunden werden

Code kopieren Der Code lautet wie folgt:

Methode 1:

Code kopieren Der Code lautet wie folgt:

//Hinweis: Der folgende Code wird auf derselben Seite wie der Iframe platziert und heißt
$("#main").load(function(){
var mainheight = $(this).contents().find("body").height() 30;
$(this).height(mainheight);
});

Methode 2:

Code kopieren Der Code lautet wie folgt:

//Hinweis: Der folgende Code wird in test.html eingefügt, um
aufzurufen $(window.parent.document).find("#main").load(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height() 30;
main.height(thisheight);
});

Bei der Arbeit am Projekt müssen Sie iframe verwenden, aber iframe hat standardmäßig eine Höhe. Inhalte, die die Standardhöhe überschreiten, werden ausgeblendet, und Inhalte, die kleiner als die Standardhöhe sind, verwenden die Standardhöhe Als Höhe des Inhalts habe ich herausgefunden, wie ich die Anpassung der Iframe-Höhe steuern kann

Die adaptive Iframe-Höhe selbst ist eine sehr einfache Methode, bei der die Höhe nach dem Laden der Seite neu berechnet wird.

Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

//Öffentliche Methode: Legen Sie die Höhe des Iframes fest, um sicherzustellen, dass alle Daten angezeigt werden
//Funktion SetPageHeight() {
// var iframe = getUrlParam('ifname');
// var myiframe = window.parent.document.getElementById(iframe);
// iframeLoaded(myiframe);
//}
var iframeLoaded = Funktion (iframe) {
If (iframe.src.length > 0) {
If (!iframe.readyState || iframe.readyState == "complete") {
            var bHeight =
              iframe.contentWindow.document.body.scrollHeight;
            var dHeight =
iframe.contentWindow.document.documentElement.scrollHeight;
          var height = Math.max(bHeight, dHeight);
               iframe.height = height;
}
}
}
// Iframe-Höhe während des Pagings zurücksetzen; nach der Änderung: iframe.name = iframe.id
var reSetIframeHeight = function()
{
Versuchen Sie es mit {
      var oIframe = parent.document.getElementById(window.name);
        oIframe.height = 100;
iframeLoaded(oIframe);
}
​​catch (irr)
{
         Versuchen Sie es mit {
             parent.document.getElementById(window.name).height = 1000;
              } Catch (err2) { }
}
}

ReSetIframeHeight();-Methode aufrufen.