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

HTML-Elemente durch Anzeige oder Sichtbarkeit verbergen

Der Unterschied zwischen HTML-Iframe und Frameset_PowerNode Java Academy

HTML-Elemente durch Anzeige oder Sichtbarkeit verbergen

Detailliertes Beispiel für MySQL-Joint-Tabellen-Update-Daten

Lösen Sie das Problem, dass die Zeitzone in der Linux-Umgebung nicht eingestellt werden kann

Beispiel für einen Persistenzbetrieb mit Gearman + MySQL

So zeigen Sie die Erstellungszeit von Dateien in Linux an

So verwenden Sie MySQL zur Abdeckung von Index- und Tabellenrückgabe

Häufige Verwendung von Hooks in React

In HTML eingebettetes Flash Lösung zum Einbetten von Flash-Dateien in den HTML-Webseitencode (Teil 1)

Installations-Tutorial zur dekomprimierten Version von MySQL5.7.21 unter Win10

Vue.js implementiert eine Bildwechselfunktion

Artikel empfehlen

Verwendung von MySQL DDL-Anweisungen

Eine kurze Diskussion über die Definition und Vorsichtsmaßnahmen von H-Tags

Einführung in die Stapelverarbeitung von virtuellen Netzwerkkarten unter CentOS 7.6

Detaillierte Erklärung der KeepAlive-Anwendungsfälle in Vue

So verwenden Sie SHTML-Includes

Analyse der grundlegenden Verwendung von ul und li

Die konkrete Umsetzung des JavaScript-exklusiven Denkens

MariaDB-Serverinstallation der MySQL-Reihe

Installations-Tutorial für MySQL 8.0.15-Version: Verbindung zu Navicat.list herstellen

So installieren Sie die grafische Benutzeroberfläche unter Linux

Wichtige Probleme und Lösungen zur Zugriffsgeschwindigkeit auf Webseiten

So kompilieren und installieren Sie xdebug in einer Ubuntu-Umgebung

Windows DNS-Server weist Sicherheitslücke auf „Wurm-Niveau“ auf, existiert seit 17 Jahren

Drei Möglichkeiten, um einen Textblinkeffekt im CSS3-Beispielcode zu erzielen

10 inhaltliche Prinzipien zur Verbesserung der Website-Performance