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

Tutorial zur Nginx-Standortkonfiguration von Grund auf

Postman-Datenverschlüsselung und -entschlüsselung zur Implementierung der Simulationsanforderung der APP-Anmeldeschnittstelle

Inhaltsverzeichnis Hauptsächlich verwendete Postm...

Der Unterschied zwischen HTML-Iframe und Frameset_PowerNode Java Academy

Tutorial zur Nginx-Standortkonfiguration von Grund auf

Verwendung des optionalen Verkettungsoperators von JS

Zwei Methoden zum Wiederherstellen von MySQL-Daten

Verwenden Sie HTML, um eine einfache E-Mail-Vorlage zu schreiben

Gründe und Lösungen für das Nicht-Wirksamwerden der MySQL-SQL-Modus-Änderung

Beispielcode für ein Mysql-SQL-Überwachungsskript für langsame Abfragen

Docker-Batch starten und alle Container schließen

Analyse von MySQL-Lock-Wait- und Deadlock-Problemen

So lassen Sie DOSBox nach dem Start automatisch Befehle ausführen

js zur Realisierung einer einfachen Scheibenuhr

Artikel empfehlen

SSH-Portweiterleitung, lokale Portweiterleitung, Remote-Portweiterleitung, dynamische Portweiterleitungsdetails

MySQL-Tabellenübergreifende Abfrage und Tabellenübergreifende Aktualisierung

Detaillierte Erläuterung des neuesten IDEA-Prozesses zum schnellen Bereitstellen und Ausführen von Docker-Images

Detaillierte Erklärung zur Verwendung von MySQL DML-Anweisungen

Detaillierte Erklärung des Skript-Debugging-Mechanismus in Bash

Detaillierte Analyse von MySQL-Datenbanktransaktionen und -Sperren

Postman-Datenverschlüsselung und -entschlüsselung zur Implementierung der Simulationsanforderung der APP-Anmeldeschnittstelle

Vue hält den Benutzer angemeldet (verschiedene Token-Speichermethoden)

Einfache Verwendung von temporären MySQL-Tabellen

Analyse der zum Ausführen von Docker erforderlichen Berechtigungen

Verwenden Sie die CSS Paint API, um auflösungsunabhängige, variable Hintergrundeffekte dynamisch zu erstellen

Legen Sie in der HTML-Tabelle für jede Zelle unterschiedliche Farben und Breiten fest

Verwenden von Docker zum Erstellen statischer Website-Anwendungen (mehrere Möglichkeiten)

Mobiles Internet-Zeitalter: Responsive Webdesign ist zum allgemeinen Trend geworden

So installieren und implementieren Sie MySQL schnell im Windows-System (grüne, kostenlose Installationsversion)