iFrame-Mehrschichtverschachtelung, unbegrenzte Verschachtelung, hochadaptive Lösung

Es gibt drei Seiten A, B und C. Seite A enthält Seite B und Seite B enthält Seite C. Seite A passt sich Seite B an und Seite C passt sich Seite B an.
A-Seite

Code kopieren

Der Code lautet wie folgt:

Seite B

Code kopieren

Der Code lautet wie folgt:

<Text>

<div Stil="flost:links;">
Linkes Menü
</div>

<div style="flost:right;">
<iframe id="testIframe" name="testIframe" frameborder=0 style="width: 680px;" scrolling="no" src="Seite C"></iframe>
</div>
</body>

Seite C schreibt die folgende JS-Funktion auf die unterste Seite (also die Seite ganz unten) und ruft die Methode im Onload-Ereignis des Textkörpers auf [die folgende Formel ist eine universelle Formel]

Code kopieren

Der Code lautet wie folgt:

<Skripttyp="text/javascript">
//Iframe automatisch erweitern, sodass sich alle übergeordneten Iframes automatisch an die Höhe der enthaltenen Seite anpassen
Funktion autoHeight(){
var doc = Dokument,
p = Fenster;
während(p = p.parent){
var Rahmen = p.Rahmen,
rahmen,
ich = 0;
während(Rahmen = Rahmen[i++]){
wenn (Rahmen.Dokument == doc) {
frame.frameElement.style.height = doc.body.scrollHeight + 'px'; // Bitte beachten Sie, dass Firefox 'px' hinzufügen muss, sonst ist es in Firefox ungültig
doc = S.Dokument;
brechen;
}
}
wenn(p == oben){
brechen;
}
}
}
</Skript>
<body onload="autoHeight();">

<div Stil="Höhe: 1px;">
</div>
<div style="padding-bottom: 10px;"> 
Hier können Sie den eigentlichen Inhalt schreiben und einen Wert für die Polsterung unten des Div festlegen.
</div>
</body>

<<: Gutes Website-Copywriting und gute Benutzererfahrung

>>: MySQL REVOKE zum Löschen von Benutzerberechtigungen

Die untergeordnete Iframe-Seite betreibt die übergeordnete Seite und implementiert den Effekt der Abschirmung der Seiten-Popup-Ebene

Artikel

Lösung für das Problem einer großen Anzahl von php-cgi.exe-Prozessen auf dem Server, die dazu führen, dass die CPU 100 % belegt

Artikel

So filtern Sie während einer vollständigen MySQL-Sicherung bestimmte Bibliotheken heraus

iFrame-Mehrschichtverschachtelung, unbegrenzte Verschachtelung, hochadaptive Lösung

Eine kurze Analyse des MySQL-Index

JavaScript-Quellcode für Elimination

Der Unterschied zwischen der Übermittlungsaktion eines HTML-Formulars und dem Sprung zur URL

Die untergeordnete Iframe-Seite betreibt die übergeordnete Seite und implementiert den Effekt der Abschirmung der Seiten-Popup-Ebene

Lösung für das Problem einer großen Anzahl von php-cgi.exe-Prozessen auf dem Server, die dazu führen, dass die CPU 100 % belegt

So filtern Sie während einer vollständigen MySQL-Sicherung bestimmte Bibliotheken heraus

MySQL-Prozesssteuerung: IF()-, IFNULL()-, NULLIF()-, ISNULL()-Funktionen

Zwei Möglichkeiten, den 30-Sekunden-Werbecode aus dem Youku-Video zu entfernen

So verwenden Sie Nginx zum Simulieren der Canary-Freigabe

Vue implementiert zwei Methoden zur Steuerung der Routing-Berechtigung

Artikel empfehlen

So erreichen Sie ein zentriertes Layout im CSS-Layout

Zusammenfassung der Methoden, um zu verhindern, dass Benutzer Formulare wiederholt übermitteln

JDBC-Erkundung SQLException-Analyse

Die 13 am häufigsten in Interviews gestellten Fragen zu Vue-Modifikatoren

So entfernen Sie in Linux ganz einfach installierte Quellpakete

Detaillierte Analyse von HTML-Tabellen-Tags und damit verbundenen Zeilenumbruchproblemen

Verwenden Sie reines CSS, um einen Scroll-Schatteneffekt zu erzielen

Wie erreicht MySQL die Parallelität mehrerer Versionen?

So bedienen Sie das Kontrollkästchen auf einer HTML-Seite

JavaScript imitiert den vollständigen Seitenimplementierungsprozess der offiziellen Website von Xiaomi Mall

So fragen Sie Bilder in einem privaten Register ab oder erhalten sie

So leiten Sie innerhalb von zwei Sekunden auf andere Seiten einer HTML-Seite um

Das neueste grafische Tutorial zur Installation von MySQL 8.0.16 Winx64 unter Win10

js, um Drag & Drop-Sortierdetails zu erreichen

Canonical ermöglicht Linux-Desktop-Apps mit Flutter (empfohlen)