Analyse des Unterschieds zwischen Iframe und Frame

Autor：Eve Cole Aktualisierungszeit：2025-05-03 03:00:03

1. Verwendung von Iframe -Tags

Wenn es um Iframe geht, haben Sie es vielleicht in eine vergessene Ecke geworfen, aber es ist kein Unbekannter, um über seinen Bruderrahmen zu sprechen. Frame -Tags sind Frame -Tags. Was wir eine Multi-Frame-Struktur nennen, ist die Anzeige mehrerer HTML-Dateien in einem Browserfenster. Jetzt begegnen wir auf eine sehr realistische Situation: Wenn es ein Tutorial, jeweils ein Abschnitt gibt und am Ende jeder Seite ein Link zum vorherigen und nächsten Abschnitten hergestellt wird. Mit Ausnahme des unterschiedlichen Inhalts jedes Abschnitts sind der Inhalt der anderen Teile der Seite gleich. Wenn Sie auf einer Seite eine dumme Seite machen, scheint sie zu nervig. Zu diesem Zeitpunkt haben Sie eine plötzliche Idee. Wenn es eine Möglichkeit gibt, die anderen Teile der Seite unverändert zu halten, und nur das Tutorial zu einer Seite für Seiten-Inhalt ohne andere Inhalte einnehmen. Wenn Sie auf den Link klicken, um aufzutauchen, ändern Sie nur den Inhalt des Tutorials und halten Sie die anderen unverändert. Auf diese Weise ist es, Zeit zu sparen, und in Zukunft ist es auch sehr bequem, wenn es eine Änderung des Tutorials gibt, so dass es die gesamte Armee nicht beeinträchtigt. Noch wichtiger ist, laden Sie das Werbebanner, die Spaltenliste, die Navigation und andere Dinge herunter, die nur einmal heruntergeladen werden, und laden Sie sie dann nicht mehr herunter.

Iframe -Tags, auch als Floating -Frame -Tags bezeichnet, können verwendet werden, um ein HTML -Dokument in eine HTML -Anzeige einzubetten. Es unterscheidet sich von der größten Funktion des Frame -Tags, dh der HTML -Datei, auf die dieses Tag verwiesen wird, wird nicht unabhängig von einer anderen HTML -Datei angezeigt, kann jedoch direkt in eine HTML -Datei eingebettet werden, die mit dem Inhalt dieser HTML -Datei zu einem Ganzen gemischt wird. Darüber hinaus kann der gleiche Inhalt mehrfach auf einer Seite angezeigt werden, ohne den Inhalt wiederholen zu müssen. Eine lebhafte Metapher ist ein Bild-in-Bild-Fernseher.

Lassen Sie uns nun über die Verwendung von Iframe -Tags sprechen.

Das Verwendungsformat von Iframe -Tags lautet:

SRC: Der Pfad zur Datei, die entweder eine HTML -Datei oder einen Text ist, ASP usw.;

Breite, Höhe: Breite und Höhe des Bildbereichs im Bild;

Scrollen: Wenn die angegebene HTML -Datei von SRC im angegebenen Bereich nicht angezeigt wird, ist die Scrolling -Option. Wenn es auf NEIN eingestellt ist, wird keine Scroll -Balken angezeigt. Wenn es sich um automatisch handelt: Die Bildlaufleiste erscheint automatisch; Wenn es ja ist, wird es angezeigt;

Frame Border: Die Breite des Gebietsrandes, der häufig auf 0 eingestellt ist, um das Bild im Bild mit dem angrenzenden Inhalt zu mischen.

Zum Beispiel:

2. gegenseitige Kontrolle zwischen übergeordneter Form und schwebendem Rahmen

In der Skriptsprache und Objekthierarchie werden Fenster mit IFRames als übergeordnete Formulare bezeichnet, während schwimmende Frames als untergeordnete Formulare bezeichnet werden. Es ist wichtig, die Beziehung zwischen diesen beiden zu verstehen, da Sie in der Objekthierarchie klar machen müssen, um auf die untergeordneten Formulare in der übergeordneten Form zuzugreifen oder umgekehrt, um über das Programm auf das Formular zuzugreifen und zu steuern.

1. Zugriff auf Objekte in der untergeordneten Form in der übergeordneten Form

In der übergeordneten Form ist Iframe, dh ein untergeordnetes Formular, ein untergeordnetes Objekt des Dokumentobjekts, und auf die Objekte in der untergeordneten Form können direkt im Skript zugegriffen werden.

Jetzt gibt es eine Frage, dh, wie wir diesen Iframe kontrollieren? Hier müssen wir über das Iframe -Objekt sprechen. Nachdem wir das ID -Attribut auf dieses Tag festgelegt haben, können wir das Dokumentobjektmodell -DOM verwenden, um die im Iframe enthaltenen HTML zu steuern.

Einbetten Sie beispielsweise die Datei test.htm in example.htm ein und steuern Sie einige markierte Objekte in test.htm:

Der Dateicode test.htm lautet:

<html>

<body>

<h1 id = myh1> Hallo, mein Junge </h1>

</body>

</html>

Wenn wir den Text im H1 -Tag mit der ID -Nummer myh1 in Hallo, mein Lieber, ändern möchten, dann:

document.myh1.innertext = Hallo, mein Lieber (wo das Dokument gespeichert werden kann)

In der Datei von Beispiel.htm stimmt die vom IFrame -Tag -Objekt verwiesene Unterform mit dem allgemeinen DHTML -Objektmodell überein und die Zugriffskontrollmethode für das Objekt ist gleich, sodass ich sie nicht erneut wiederholen werde.

2. Zugriff auf Objekte in der übergeordneten Form in der untergeordneten Form

In der untergeordneten Form können wir über sein übergeordnetes Objekt im übergeordneten Fenster auf Objekte zugreifen, d. H. Das übergeordnete (übergeordnete) Objekt.

Zum Beispiel.htm:

<html>

<h1 id = myh2> Hallo, meine Frau </h1>

</body>

</html>

Wenn Sie mit ID -Nummer MYH2 in Frame1.htm auf den Titel Text zugreifen möchten und ihn in Hallo, mein Freund, ändern, können wir es so schreiben:

Elternschaft.Myh2.Innertext = Hallo, mein Freund

Hier repräsentiert das übergeordnete Objekt die aktuelle Form (das Formular, in dem sich Beispiel.htm befindet). Sie müssen auf die Objekte in der übergeordneten Form in der Kinderform zugreifen, und alle werden ohne Ausnahme durch das übergeordnete Objekt durchgeführt.

Obwohl Iframe in eine andere HTML -Datei eingebettet ist, bleibt es relativ unabhängig und ist ein Bereich der Unabhängigkeit. Die Eigenschaften in einem einzigen HTML eignen sich auch für schwimmende Rahmen.

Stellen Sie sich vor, wir können diese unveränderlichen Inhalte wie IFrames darstellen, damit nicht den gleichen Inhalt wiederholt werden muss. Dies ist ein bisschen wie ein Prozess oder eine Funktion bei der Programmierung und speichert viel umständliche Handarbeit! Darüber hinaus ist es entscheidend, dass die Seitenänderungen machbarer werden, da Sie aufgrund von Layoutanpassungen nicht jede Seite ändern müssen. Sie müssen nur das Layout eines übergeordneten Formulars ändern.

Eine Sache zu beachten ist, dass Nestscape -Browser Iframe -Tags nicht unterstützt, aber in der Welt des IE scheint dies in Ordnung zu sein. Es verwendet Iframe -Tags ausführlich, die sich nicht nur (Website) (Website) betrachten und die Online -Ausgaben der Internetnutzer speichert. Warum nicht tun?

Der schwimmende Rahmen ist eine Definition in der HTML4.0 -Spezifikation, und derzeit unterstützen Browser sie.

Im Gegensatz zu der von Frameset dargestellten Partition existiert ein schwimmender Frame als integriertes Objekt auf einer Webseite, und sein Stil ist wie ein Diagramm oder ein Applet auf einer Seite. Floating Frame verwendet <Iframe> Tag, das die meisten der gleichen Attributeinstellungen wie <Reframe> enthält, einschließlich: Name, SRC, Marginwidth, MarginHeight, Frameborder und Scrolling. Gleichzeitig hat es auch die gleiche Höhe, Breite und Ausrichtung der Eigenschaften wie Grafiken oder Applets.

Darüber hinaus folgt der schwimmende Rahmen dem gleichen Zielprinzip wie normaler Rahmen: Wir können auf ihn mit seinem Namen hinweisen. Dieses Prinzip gilt für schwimmende Frames in jeder Art von Rahmen, ansonsten ist es einfach. Ein Link ohne Traget in einem schwimmenden Frame zeigt auf sich selbst, während ein Link mit Parent auf den Rahmen oder Fenster zeigt, in dem sich das Dokument mit <Iframe> befindet. Zum Beispiel:

<Img Src = Bilder/noframe.gif Alt = Sie können den schwimmenden Rahmen nicht sehen

Breite = 150 Höhe = 200 HSPACE = 10 ALIGN = rechts>

</Iframe> <br>

<A href = zwei.htm target = floater> Zeigen Sie zwei.htm </a> <p>

<A href = start.htm target = floater> back start.htm </a>

Beachten Sie, dass für Browser, die <Iframe> -Tags unterstützen, alle Inhalte zwischen <Iframe> und </iframe> ignoriert werden. Stattdessen wird der Inhalt darin angezeigt, um zu erklären, dass der aktuelle Browser <Iframe> nicht unterstützt