jQuery implementiert einfach die Methode, die Höhe des Iframes entsprechend dem Inhalt der Seite anzupassen

Das Beispiel in diesem Artikel beschreibt, wie jQuery einfach die Anpassung der Iframe-Höhe entsprechend dem Seiteninhalt implementiert. Teilen Sie es wie folgt mit allen als Referenz:

Methode 1:

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

Methode 2:

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

Ich hoffe, dass dieser Artikel für alle nützlich sein wird in der jQuery-Programmierung geholfen.

Weitere jQuery-basierte Methoden zur einfachen Implementierung der Iframe-Höhenanpassung entsprechend dem Seiteninhalt finden Sie auf der chinesischen PHP-Website!