Der Unterschied zwischen HTML-Iframe und Frameset_PowerNode Java Academy

Einführung

1. <iframe>-Tag: Ein Iframe ist ein Inline-Frame, der einen internen Rahmen auf der Seite generiert.

2. <frameset>-Tag: Frameset definiert einen Frame-Satz, der mehrere Unterframes enthält, von denen jeder ein unabhängiges Dokument hat.

<iframe> Tag

Iframe ist ein Inlineframe, der einen internen Rahmen auf der Seite erzeugt.

Eigentum

frameborder{int}: ob der Rahmenrand angezeigt werden soll;

src{URL}: gibt die URI einer Ressource an (z. B. einer Webseite oder eines Bildes);

scrolling{boolean}: ob die Bildlaufleiste des Rahmens angezeigt werden soll;

width{int}: definiert die Breite des Iframes;

height{int}: definiert die Höhe des Iframes;

Beispiel

<Text>
<h3>HTML-Tag-Demonstration</h3>
<iframe src=1.1-ShowHtml.htm ></iframe>
</body>

Vorsichtsmaßnahmen

Beim Hinzufügen von Inhalten in „<iframe>Ich bin Inhalt</iframe>“ wird der hinzugefügte Inhalt nicht auf der Anzeigeseite angezeigt. Verwenden wir also das src-Attribut, um eine Seite anzugeben.

Anwendungsszenario

1) Wenn auf der Versions-Upgrade-Seite zu viele Versionsprotokolle vorhanden sind, können die Upgrade-Informationen in einem Iframe platziert werden.

2) Rich-Text-Bearbeitungsfeld, wie z. B. der Bereich [Neuer Aufsatz] im Blog Garden.

<frameset> Tag

Frameset definiert ein Frameset, das mehrere Frames enthält, von denen jeder ein unabhängiges Dokument hat.

Format

<Rahmensatz>
  <frame src=a.htm />
  <frame src=b.htm />
  <keine Frames></keine Frames>
</frameset>

Unterpunkt Beschreibung

<framesrc=a.htm />: Subframe<noframes></noframes>: Inhalt, der angezeigt wird, wenn der Browser diesen Frame nicht unterstützt.

Eigentum

Frameset-Attribute:

Zeilen: Gibt an, dass der Unterrahmen in Zeilen angeordnet ist ( ). Nehmen wir als Beispiel zwei Unterrahmen: rows="30%,*" bedeutet, dass der erste Rahmen 30 % der Höhe der gesamten Seite einnimmt und der zweite den Rest; cols: bedeutet, dass die Unterrahmen in Spalten angeordnet sind ( ). Nehmen wir als Beispiel zwei Unterrahmen: cols="30%,*" bedeutet, dass der erste Rahmen 30 % der Länge der gesamten Seite einnimmt und der zweite den Rest; noresize="noresize" bedeutet, dass der Bereich des Unterrahmens nicht angepasst wird.

Rahmenattribut:

src: URI, die auf eine Ressource verweist (z. B. eine Seite, ein Bild usw.);

Name: Gibt den Namen des Frames an, um Vorgänge zwischen Frames zu erleichtern.

Beispiel

<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
    <title>Frameset-Demo</title>
</Kopf>
<frameset rows="30%,*" noresize="noresize">
    <frame src=DateGrid.htm name="frm1" />
    <frame src=Dialog.htm name="frm2"/>
    <keine Frames></keine Frames>
</frameset>
</html>

Vorsichtsmaßnahmen

Achten Sie beim Verwenden des Frameset-Tags darauf, die äußeren <body></body>-Tags zu entfernen.

Operationen zwischen Unterrahmen

Mit Bezug auf den Beispielcode ändert frm1 die Seite, auf die die Teilmenge von frm2 zeigt: window.parent.frames["frm2"].location.href = 'b.htm'

Anwendungsszenario

1) Verwaltung der Hintergrundseite, das Menü wird links angezeigt und die Detailseite wird im rechten Rahmen angezeigt.

2) Funktionsmenüseite, z. B. bbs.csdn.net

Schnelle Fakten

Wenn Sie die Frames auf einer Seite durchsuchen, klicken Sie mit der rechten Maustaste in die Frame-Seite, um zusätzliche Frame-Informationen anzuzeigen.

Nehmen wir Chrome als Beispiel:

<<: Lösen Sie das Problem, dass bei Verwendung von GDB in Docker keine Haltepunkte eingegeben werden können

>>: MySQL Flush-List und Flushing-Mechanismus für Dirty Pages

Docker ändert die Konfigurationsinformationen eines nicht gestarteten Containers

Der Unterschied zwischen HTML-Iframe und Frameset_PowerNode Java Academy

Docker ändert die Konfigurationsinformationen eines nicht gestarteten Containers

Detaillierte Erläuterung des mobilen Projekts vite2.0 + vue3

Zabbix überwacht den Prozess der Linux-Systemdienste

Detaillierte Erläuterung des Apache SkyWalking-Alarmkonfigurationshandbuchs

Vue implementiert die Drag & Drop-Funktion für Bilder

Docker-Compose erstellt eine Brücke, fügt ein Subnetz hinzu und löscht eine Netzwerkkarte

Textbereich Textbereich Breite und Höhe Breite und Höhe Automatische Anpassung Implementierungscode

Ausführliche Erläuterung versteckter Felder, einer neuen Funktion von MySQL 8.0

Eine kurze Einführung in Web2.0-Produkte und -Funktionen

Nodejs konvertiert JSON-String in JSON-Objekt-Fehlerlösung

Artikel empfehlen

So installieren Sie MySql in CentOS 8 und erlauben Remoteverbindungen

Ausführliches Installationstutorial für MySQL Installer Community 5.7.16

Linux führt jeden Tag eine automatische und geplante Sicherung der MySQL-Datenbank durch

K3s-Erste-Schritte-Handbuch - Detailliertes Tutorial zum Ausführen von K3s in Docker

Analyse der Verwendung und des Prinzips der Docker Swarm-Clusterverwaltung

Implementierungsbeispiel für den Bildupload mit Vue+Element+Springboot

Detaillierte Erklärung zur Verwendung von MySQL, wobei

Implementierungscode für die HTML-Drag & Drop-Funktion

CSS-Box ausblenden/einblenden und dann den Implementierungscode der obersten Ebene

Detaillierte Erklärung des Sandbox-Mechanismus von Vue3

jQuery implementiert dynamische Tag-Ereignisse

Führen Sie die Shell oder das Programm im Docker-Container auf dem Host aus.

Zusammenfassung der langsamen MySQL-Abfragevorgänge

Vue + Express + Socket realisiert Chat-Funktion

Die HTML-Tag-ID kann eine Variable sein