Wenn es um Iframe geht, haben Sie es vielleicht bereits in eine "vergessene Ecke" geworfen, aber es ist kein Unbekannter in seinem Bruderrahmen. Frame -Tags sind Frame -Tags. Was wir eine Multi-Frame-Struktur nennen, ist die Anzeige mehrerer HTML-Dateien in einem Browserfenster. Diese Website enthält diesen Artikel, um über die Verwendung von Frames auf der Seite Iframe -Tag -Produktion zu sprechen und die relevanten IFrame -Tag -Framework -Technologien und -wissen im Artikel ausführlich zu erläutern. Willkommen, Ihnen in dieser Hinsicht Unterstützung und Hilfe zu geben! Das Folgende sind die Details:
Wenn man sich die aktuellen Websites ansieht, ist die Internetgeschwindigkeit etwas langsam, aber fast jede Seite hat viele ähnliche Dinge, wie Banner, Spaltenbilder, Urheberrechte usw., natürlich für die Bedürfnisse eines einheitlichen Website -Stils und Werbungseffekte. Es ist verständlich, aber schließlich werden die Brieftaschen von Benutzern immer wieder veraltet. Gibt es eine Möglichkeit, zu verhindern, dass diese ähnlichen Dinge sie einmal herunterladen, aber nur diese Webinhalte mit Änderungen im Inhalt herunterladen?
Die Antwort lautet Ja: Iframe -Tags anwenden!
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 drei lange und zwei Shorts im Tutorial gibt, so dass es nicht die gesamte Armee beeinträchtigt. Noch wichtiger ist, laden Sie das Werbebanner, die Spaltenliste, die Navigation und andere Dinge herunter, die nur einmal heruntergeladen und dann nicht mehr heruntergeladen werden.
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:
<Iframe src = url width = x height = x scrolling = [Option] Framborder = x> </iframe>
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:
<Iframe src = http: //netschool.cpcw.com/homepage width = 250 height = 200 scrolling = no Framborder = 0> </iframe>
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:
<Iframe src = test.htm id = Testbreite = 250 Höhe = 200 Scrolling = No Frameborder = 0> </iframe>
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>
<body onclick = alarm (tt.myh1.innerhtml)>
<Iframe name = tt src = Frame1.htm Breite = 250 Höhe = 200 Scrolling = no FrameBorder = 0> </iframe>
<h1 id = myh2> Hallo, meine Frau </h1>
</body>
</html>
Wenn Sie mit der ID -Nummer myh2 in Frame1.htm auf den Titel Text zugreifen möchten und ihn in Hallo, mein Freund, ändern können, können wir es so schreiben: Eltern.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 in der übergeordneten Form in der untergeordneten Form auf das Objekt zugreifen, und alle übergeordneten Objekte werden ausnahmslos 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 durch Iframe -Tags wie IFrames darstellen, damit nicht den gleichen Inhalt wiederholt werden muss. Dies ist ein bisschen wie ein Prozess oder eine Funktion in der Programmierung und speichert eine Menge langwieriger manueller Arbeit! 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 Inhalt zur Verwendung des Frameworks auf der Seite Iframe -Tag -Produktion und der Fall für das Ende dieses Artikels. Sie können die URL dieser Seite mit einem Lesezeichen http://www.vevb.com/web/a/2018090543436.shtml für den einfachen Zugriff beim nächsten Mal.